• photoshopban

A képek interneten történő optimalizálása kényes folyamat, állandó egyensúlyban a minőség és a súly között. Azt akarjuk, hogy képünk megfelelően nézzen ki a megfelelő méretben, de azt is szeretnénk, hogy csak annyi és szükséges súlyú legyen, hogy optimalizáljuk a weboldalunk betöltési idejét, ami nagyon fontos részlet a weboldal SEO optimalizálásához.

Képek exportálása webre

Bár a kép méretének kezelése a fő tényező a súlyának optimalizálásában, vannak más, viszonylag egyszerű lehetőségek is a kép súlyának az Adobe Photoshop „Mentés webre” eszközével történő beállításához.

Először kinyitjuk azt a fényképet, amelyen dolgozni kívánunk, és válassza a Fájl> Mentés webre lehetőséget.

A fényképek optimalizálásának legfontosabb részletei a photoshopban

Miután megadtuk az „Exportálás Save️ Mentés webre” lehetőséget, megjelenik egy opciómező, mint amelyet az alábbiakban bemutatunk.

Nagyon félelmetes lehet, mivel számos lehetőséget és lapot mutat be, de a minket érdeklő esetre kizárólag négy elemre fogunk összpontosítani:

1. A fájltípus. Ezen a lapon választhatunk a JPEG, a GIF (8-as vagy 24-es) és a PNG között. Ebben a konkrét példában kizárólag a JPEG esetével foglalkozunk, mivel ez a leggyakoribb, egyszerűen ne feledje, hogy a GIF-eket mindenekelőtt kis animációk mentésére használják, és hogy PNG-t kell használnunk, ha azt akarjuk, hogy a kép átlátszó legyen amelyet a Photoshopban készítettünk.

két. Képminőség: Ez a két fül a „Mentés webre” varázslat része. Ez lehetővé teszi számunkra, hogy a bal fülön több előre meghatározott minőség közül választhassunk, vagy a jobb oldalon numerikusan válasszunk. Minél nagyobb a szám, annál jobb a minőség és annál nehezebb a kép.

3. Képméret: ebben az opciómezőben nagyobb hatást érhetünk el anélkül, hogy elveszítenénk a kép minőségét. Általában ezt a lépést általában mentés előtt hajtják végre, a Kép> képméret használatával, de a "Mentés webre" lehetőség lehetővé teszi számunkra, hogy egy második esélyt állítsunk a kép méretéhez a szükséges mérethez. Mindig a megfelelő méretű képeket kell használnunk ahhoz a helyre, amelyet szeretnénk, hogy elfoglaljanak, és ne legyenek túl nagyok, mivel túl nagyok lesznek, és túl lassúvá, és nem is túl kicsié teszik weboldalunk betöltését, mivel elveszítjük a minőséget.

4. Fájl információk: itt lehetővé teszi számunkra, hogy értékeljük az eredeti képünk súlyának és méretének változását (a felső mezőben, "eredeti" jelöléssel). A képek fölött található négy fül lehetővé teszi a megjelenítés típusának megváltoztatását, ebben a példában "2 példányban" vagyunk, ami lehetővé teszi az eredeti kép és a "webre mentett" példány összehasonlítását.

Ha elégedettek vagyunk a minőségi kiigazítás eredményével, és megerősítettük, hogy a kép mérete megfelelő, akkor csak az új optimalizált képünk mentése és az internetre történő feltöltése marad.

Mint azt már többször megjegyeztük, a weboldalunk erőforrásainak optimalizálásához a képek feltöltése a weboldalunkra megfelelő méretben a foglalandó területhez megfelelő.

Talán legügyesebb olvasóink rájöttek, hogy egyik pillanatban sem neveztünk meg egy másik fontos tényezőt a fényképezés világában, képfelbontás.

A képfelbontás mítosza az interneten

A leg anakronisztikusabb fotósok és karikaturisták kivételével a ma gyártott képek döntő többsége digitális. Ez azt jelenti, hogy pixeleknek nevezett kis színes négyzetekből épülnek fel. A pixeleknek pedig rejtélyes minőségük van: nincs rögzített méretük.

Mint ezen a képen láthatjuk, az összes négyzet magassága és szélessége azonos, de az őket alkotó pixelek méretei nagyon különböznek. Az első négyzetbe csak egy pixel fér bele, míg az utolsóban száz minden fér el mindkét oldalon. Ezt hívjuk pixel felbontásnak.

Hagyományosan a kiváló minőségű nyomtatáshoz használt képek általában 300 dpi vagy „pixel per hüvelyk” felbontást használnak, míg az internetes képek hagyományosan 72 dpi felbontást, csaknem négyszer kisebb pixelsűrűséget használnak.

Miért?

Az ok ugyanolyan furcsa, mint banális: még 1980-ban az Apple forgalomba hozta első 9 hüvelykes képernyővel és 72 dpi felbontású Macintosh számítógépét, amely 144 dpi-s ImageWriter nyomtatóival dolgozva csak kétszer akkora, mint nagyon egyszerű volt méretezni a monitoron megjelenített képeket, hogy a felhasználók pontosan lássák, hogyan fog kinézni a nyomtatónak küldött.

Habár az Apple kizárólagos felbontása volt, és az évek során használhatatlanná vált, még mindig sokan úgy gondolják, hogy a 72 dpi felbontású képek "helyesebbek" lesznek a webes környezetekben, és jobban optimalizálhatók lesznek, ha kevesebbet mérnek.

De ez nem igaz.

Az az igazság, hogy a pixel/hüvelyk felbontás csak a méretét érinti Nyomtatás egy kép, nem a digitális környezetben való képviseletére. Lássunk néhány példát.

Fent láthatjuk ugyanazon kép technikai információit az Adobe Photoshop alkalmazásban, amelyekre a felbontást a méretek megtartása mellett módosítottuk. Mint láthatjuk, a méret megabájtban nem változik, a kép súlya pontosan ugyanolyan.

Most nézzük meg ugyanannak a képnek az összehasonlítását, de átmintáztuk. Ez lehetővé teszi a számítógép számára, hogy módosítsa a kép méreteit, hogy fenntartsa az eredeti kép felbontásának arányát. Vagyis tegye 300 dpi-re, és hogy a képpontok azonos arányúak legyenek. Mint láthatjuk, itt nyilvánvaló a méretváltozás: 17,6 MB-ról, azaz 18 022,4 KB-ról mindössze 256,7 KB-ra, csaknem hetvenszer kevesebb.

De mi a helyzet a képek minőségével? Nézzük meg egy másik példával: