Képek optimalizálása az internetes Orignal kommunikációhoz
Úgy döntöttem, hogy ezt a cikket a "Magic The Gathering" játék "Gorilla de Beringeï" kártyájának 3. kiadású fekete széleivel szemléltetem, hogy örömet szerezhessek öcsémnek, valamint lányom keresztapjának, Quentinnek és Romainnak.
A tömeg/minőség arány
Sokan rendszeresen publikálunk képeket az interneten. A közösségi hálózatokon (Facebook, Twitter, Instagram, Google + ...) a formátum és a tömörítés kérdését sem tesszük fel, ők mindenről gondoskodnak. Valójában a Facebookot gyakran kritizálják a túl pusztító képfeldolgozó algoritmus miatt.
De amikor posztol blogodra vagy weboldaladra, te irányíthatod. Magának kell tömörítenie a képeit, és itt a rossz döntések tönkretehetik az írási erőfeszítéseket. A túl tömörített kép nem javítja a tartalmat. Épp ellenkezőleg, egy túl nagy felbontású kép betöltése túl sokáig tart, és jó néhány internetfelhasználó elhagyja az oldaladat, mielőtt elolvashatnák. A webes képek kihívása tehát a legjobb SÚLY/MINŐSÉG arány elérése
A bal oldalon a kép nagyon erősen tömörített, 7Kb súlyú.
Középen átlagos tömörítéssel 25kb súlyt kapunk
A jobb oldalon nagyon alacsony tömörítéssel 90kb súlyt kapunk.
Vegye figyelembe, hogy a bal oldali kép, bár nagyon világos, teljesen olvashatatlan, mert tömörített. A másik két képen a szöveg könnyen olvasható, a kép élesnek tűnik (kattintson a képre, ha nagyban szeretné megtekinteni). Tehát ideális a középső kép kiválasztása, mivel az háromszor világosabb !
Oké, de akkor hogyan lehet a legjobb minőség/súly arányt elérni? ?
Helyezze a megfelelő számú pixelt
A kép méretét a képernyőn a képpontok száma határozza meg. Webhelyén, ha jól csinálják, a képeket meghatározott szélességben jelenítik meg, függetlenül azok eredeti méretétől (felejtsük el az adaptíveket, hogy ne bonyolítsák feleslegesen). Tehát, ha 4000 képpontos képet tölt fel a blogjára (a digitális fényképezőgép tipikus mérete), akkor 600 képpontos (a blogbejegyzés szabványos szélessége) kép jelenik meg. Ezért túl nagy fényképet töltött le, amely feleslegesen lelassítja az oldal betöltését.
A probléma megoldásához tegyen egy sétát a Photoshop alkalmazásban a "kép> képméret" fülön, és csökkentse a képét a megfelelő pixelszámra. A méret cm-ben és a meghatározás nem számít, fontos a magasság és a szélesség pixelben. Győződjön meg arról, hogy bejelöli az „újramintavétel” négyzetet, hogy képpontokban módosítsa a méreteket.
Gif, jpg vagy png ?
Miután a kép megfelelő méretű, a megfelelő formátumban kell elmenteni. Bár a JPG a legelterjedtebb, nem mindig a legalkalmasabb.