Jobb, ha kisebb képed van, de jobb

Jobb, ha kisebb képed van, de jobb

Hogyan lehet felére csökkenteni a képet, miközben megőrzi minőségét? Hogyan lehet csökkenteni azon felhasználók számát, akik nem vártak az oldal betöltésére? Kis titkok az internet optimalizálásához.

Ez minden! Végül készen áll a WEB-oldal, és elkezdheti hívni az első barátait és ismerőseit, majd a többieket. Mielőtt ezt megtenné, javasoljuk, hogy értékelje, hogy az oldal túlságosan grafikusan van-e betöltve. Úgy gondolják, hogy az első oldal optimális mérete, beleértve az összes szöveget, képet és hangfájlt - minden ami betöltődik - nem haladhatja meg a 35-40 kilobájtot. Egy amerikai marketing központ által készített tanulmány szerint minden további 10 kilobájtnyi méretű oldal megnöveli a potenciális látogatók 10% -át. Egyszerűen nincsenek türelmük várni, amíg a mesterműve be van töltve. Ha az oldal kiderült, hogy nehézkes, akkor valószínűleg a képek nem optimalizáltak az interneten.

Mi a különbség a JPEG és a GIF között?

Mi a különbség a szovjet gondolkodásmód és az amerikai gondolkodásmód között? Mindkét ország új műholdat fejlesztett ki. Nagyon szükséges, de túl nehéz, nem lehet eljutni az űrbe. Az amerikaiak ültek és gondolkodtak: "Ó, hogy készítsek ilyen zsetont, hogy ez a dolog kevesebbet mérjen." És az orosz tudósok hiszik. "Ó, hogy készíts egy ilyen rakétát, hogy az egész bandurát bejusson a pályára."

A webes képek elsősorban kétféle formában tárolódnak: JPEG vagy GIF, nem számolva néhány másikat, amelyek csak kis számú felhasználót használnak. Mindegyik formátumnak vannak olyan előnyei és hátrányai, amelyeket meg kell tudnia annak érdekében, hogy a fájl mérete minimális legyen, jó minőségű.

Milyen formátumot kell választanom?

JPEG
  • fényképeket
  • képek gradiens kitöltésével


    A JPEG ideális azoknak a képeknek, amelyekben nagy számú szín jelenik meg. Például fotókhoz. A JPEG formátumban a mentett kép minőségét választja - 100% -tól 10-15% -ig (kevésbé nincs értelme - a kép túlságosan rossz). Alacsony minőségű, ha a kép elmosódása nem jelentős - pl. A háttérképen. A leggyakoribb hiba a JPEG használata bannerekben vagy képekben, ahol szöveg van. Mivel a JPEG a képminőség romlását (kicsi vagy nagy, de még mindig veszteség) takarítja meg, akkor a szöveg feltétlenül elkenődik. Ezért emlékszel egyszer és mindenkorra: ha van szöveg a képen, akkor meg kell mentened a GIF-ben.

    A GIF mentesíti a képet veszteség nélkül, de ennek következtében túl nagy lehet. Ezért érdemes GIF-t alkalmazni csak azokon a képeken, ahol a színek száma több tucatnyira korlátozódik. Például a vállalatok logói, rajzok (különösen fekete-fehér), a WEB-oldalak kis elemei, például a gombok, a vonalzók vagy a fejlécek. Nagyon kicsi képek is ajánlottak a GIF-be mentésre, mivel a JPEG túlságosan torzítja a kis részleteket ábrázoló képeket.

    PHOTOSHOP: csökkentse a képet mentés közben
    Tegyük fel, hogy eldöntsük, melyik formátumban rögzíthetünk képet, - JPEG vagy GIF. Nézze meg, hogy a kép felbontása 72 pixel / hüvelyk - többet nem szükséges a monitorhoz. A PHOTOSHOP menüben válassza a "Kép" - "Képméret" - "Resolution = 72" értéket. Az "arányok" tételt be kell jelölni (úgy, hogy amikor a méret megváltozik, a kép nem tömörítve vagy összeillesztve), és a "fájlméret" tétel nem.

    A JPEG egyszerűen megmarad. A "Fájl" menüben "Mentés másként" - "JPEG mentése (* .JPG)". Próbálja meg először a rossz minőségű ("minőségi - alacsony") üzemmódot, vagy szélsőséges esetekben "minőség - átlag". Ha az eredmény nem kielégítő, próbálja meg növelni a kép méretét, hogy az adatok ne legyenek homályosak. Nézze meg, hogyan néz ki a kép minden perturbáció után, bármely más programból, például a böngészőből.

    JPEG formátum esetén a kép élesítése automatikusan megnöveli a méretét. Ha a kép még mindig nagyobb élességet igényel, akkor először alkalmazza az "éles élesség" szűrőt. Jó eredményt ad a fájl enyhe növekedésével.

    A GIF mentése némileg bonyolultabb - több lehetőség. Kezdjük. A fájl GIF formátumba való konvertálásához válassza a menü "Indexált színek" lehetőséget. Megjelenik egy ablak, ahol ki kell választania egy módot.

    A felbontásnak 3, 4 vagy 5 bit pixelenként kell lennie, ami azt jelenti, hogy a kép 7, 15 vagy 31 színnel mentett. A legtöbb szín nem sok értelme a legtöbb esetben, mert túl sok a fájlméret. Minél nagyobb a kép, annál kisebb a szín felbontása, amelyet tárolni kell. Kísérlet, fordítsa le a képet különböző módokban, és ha az eredmény nem kellemes, akkor mindent vissza kell térnie a "Szerkesztés" - "Mégse" vagy a CTRL + Z PHOTOSHOP menüben.

    Ne felejtsd el a "paletta" opciót. Ha a kép kis számú színből áll, és nagy területekkel azonos színű, akkor a legjobb, ha az "Alkalmazott" paletta "nem hozzárendelt" beállítással érhető el. Ha egy kis képet mentesz, akkor a "Testreszabás" - "Véletlen" a legjobb. A színes "véletlenszerű" eloszlás miatt a fájlméret nagyobb, de néha a kép pontosabban kerül továbbításra. Azt tanácsolom, hogy mindig próbálja meg beállítani a "Nincs megadva" beállítást, és ha elégedett a kép minőségével, álljon meg rajta.

    Abban az esetben, ha alapvetően megváltoztatja a képet (például egy elemet a grafikus menühöz vagy a gombhoz tartozó névhez), a következő alkalommal, amikor nem kell szenvednie, kiválasztja az optimalizálási paramétereket. Paletta - a színt alkotó kép - rögzíthet és használhat. Ehhez kattintson a "Mód" - "Színtáblázat" - "Mentés" menüre. És amikor lefordít GIF-re, válassza ki a "Palette" - "Custom" lehetőséget, majd - "Load" a mentett palettát.

    Amire nincs szüksége
    1. A legfontosabb, ha nem sok nagy képet helyez be egy oldalra. Például, amikor fotóalbumot készít, jobb, ha sok apró képet adsz, és rákattintasz arra, hogy az olvasó jól nézzen ki. Szeretném tudni, hogy a WIDTH és HEIGHT paraméterek HTML-oldalán a kép megjelenített méretének felelõs korrekciója gyakorlatilag semmit sem hoz. A kép valóban kicsinek tűnik, de mindenképpen betöltődik. Egyébként a WIDTH és HEIGHT paramétereknek jelen kell lenniük, hogy a böngésző megjelenítheti az oldalt anélkül, hogy a teljes képfájlra várna. A PHOTOSHOP menüben a kép csökkentéséhez válassza a "Kép" - "Képméret" lehetőséget, és írjon be egy másik méretet. Amint fent írtam, az "arányok" elemet be kell jelölni, és a "fájlméret" - nem.

    2. Soha ne méretezzen (ne változtassa meg) a szilárd színekből álló képet. A nagyításnál a PHOTOSHOP a színeket úgy választja ki, hogy a területek határai közötti sima átmeneteket hozzon létre. Emiatt a fájlméret 2-10-szer nőhet. Használjon hasonló képeket a méretük megváltoztatása nélkül. Néhány csomagban például a COREL GALLERY (a COREL DRAW-ben szereplő clipartok galériája) lehetőség van arra, hogy beállíthassa a kép méretét. Ezután nem kell újra átméretezni a PHOTOSHOP programban.

    3. Ha az átméretezés után nem tetszett a fotó megjelenése, ne változtassa meg közvetlenül a kapott képen. Sokat veszít a minőségben. Jobb lemondani a műveleteidet (CTRL + Z), és elvégezni a műveletet az eredeti képen. A méret megváltoztatása után a kép kissé homályos lesz. A legtöbb esetben érdemes növelni az élességet.

    4. A PHOTOSHOP 4. verziója alapértelmezés szerint minden képen írja le a kis verziót, amely lehetővé tette a fájl tartalmának megértését a megnyitás nélkül. Ez persze növeli a méretüket. Ha letiltja ezt a funkciót, törölje a mentéskor a "Mentés elmentése" opciót.

    5. Ismét emlékszem arra, amit mondtam: ha van szöveg a képen, felejtse el a JPEG-t.

    6. A legtöbb esetben ne próbáljon 10 kilobájtnál nagyobb képet készíteni. GIF formátum esetén, ha a kép több, mint 10 kilobájt, azt javaslom, hogy mentse a "INTERLACED" módban. Ezután fokozatosan jelenik meg az oldalon, ahogy betölti - az elmosódott állapotból, és fokozatosan tiszta lesz. És az olvasó nem lesz ideges, várja a letöltést. Eközben ez a kép méretét csak 1-2% -kal növeli. A JPEG esetében hasonló opció van - "PROGRESSIVE JPEG". De a korábbi böngészők nem támogatják ezt. Ebben a formátumban mentheti a JPEG fájlt, például a SMART SAVER használatával, amelyet alább tárgyalunk.

    Mindig próbálja meg megadni a képek nevét (címke ALT = ""). Az oldal látogatója maga dönti el, várjon-e rá a kép betöltésére, vagy a következő oldalra ugorhat. By the way, ezt a címkét használják egyes keresőmotorok, így a szöveges címsorok jelentős súlyt.

    Ha nem tudod megtartani a 30-40 kilobytes oldalankénti határértéket - hozz létre egy egyszerűsített verziót az oldalak számára a türelmetlen látogatók számára (és többség lesz).

    7. Egy másik tipp a fájlok mentéséhez. Ne változtassa meg az eredeti kép módját és minőségét, hanem "játssza le" a másolatot. Egy másolat elkészítéséhez kattintson a "Kép" - "Másolatok készítése" menüre. Ez lehetőséget ad arra, hogy visszatérjen az eredeti képhez, ha túl sok változtatást és eredményt nem szeret.

    Okos "megőrző" - SMART SAVER
    A SMART SAVER a "mentés" PHOTOSHOP továbbfejlesztett változata, amellyel azonnal felmérheti a rögzített kép minőségét. A SMART SAVER automatikusan a PHOTOSHOP bármilyen verziójába integrálódik. A kép rögzítéséhez válassza a "Fájl" - "Export" menü "PHOTOIMPACT GIF SMART SAVER" vagy "PHOTOIMPACT JPEG SMART SAVER" menüpontot.

    A bal oldalon megjelenik az eredeti kép és annak mérete, és a jobb oldalon - az elmentett kép. JPEG képek esetében a következő paraméterek a legoptimálisabbak: SMOOTH = NONE, SUBSAMPLING = YUV411 (legjobb minőség minimális mérettel), MODE = STANDART OPTIMIZED. A "minőségi" motort olyan helyzetbe kell állítani, ahol a kép torzítás nélkül néz ki.

    Kapcsolódó cikkek