BLOG

Go back
carbon crane

A weboldalak és hírlevelek képeinek szén-dioxid optimalizálásáról II.

Date: 2023. 12. 07 11:31

Előző cikkünkben megvizsgáltuk, hogy miért fontos a képes tartalmak optimalizálása a karbon kibocsátás szempontjából. Ez alkalommal azt járjuk körül, milyen módszerekkel és eszközökkel lehet mindezt elérni. A képek szén-dioxid optimalizálásának lépéseiben az SBH Images Kft. (123RF, Glix) volt a segítségünkre. Az ő szakértelmüknek, valamint a saját tapasztalatainknak köszönhetően állítottuk össze részletes képoptimalizáló útmutatónkat. Mutatjuk is, hogyan tudod csökkenteni weboldalaid és hírleveleid karbonlábnyomát!

 Hogyan legyenek karbon-optimalizált képeink

A weboldalak és hírlevelek képeinek optimalizálásához számos lépésen kell végig mennünk. Mindenekelőtt kérjük, győződj meg arról, hogy a felhasználni kívánt képek jogdíjai rendezettek, és jogilag megfelelő forrásból származnak!

Carbon Crane Kép optimalizálása 1. lépés jogdíjak

Képek átméretezése:

Hatékony módja a képméret csökkentésének. Használhatsz olyan képszerkesztő eszközöket is a képek átméretezésére, mint például az Adobe Photoshop vagy a GIMP. A torzítás elkerülése érdekében ügyelj a kép oldalarányának megőrzésére is.

Carbon Crane Kép optimalizálása 2. lépés képek átméretezése

Képek tömörítése: Használj képtömörítő eszközt a képek fájlméretének csökkentésére. Ez segíthet csökkenteni a képeknek a felhasználó eszközére való átviteléhez szükséges energiafogyasztást. A képek tömörítésekor ügyelj a képminőség és a fájlméret egyensúlyára, hogy a képek továbbra is tetszetősek legyenek.

Carbon Crane Kép optimalizálása 3. lépés kép tömörítés

Képek körbevágása: A képek körbevágásával eltávolíthatod a kép felesleges részeit, amelyekre nincs már szükség. Ez segíthet csökkenteni a kép fájlméretét.

Carbon Crane Kép optimalizálása 4. lépés kép körbevágás

Válaszd ki a megfelelő fájlformátumot: A különböző fájlformátumok eltérő fájlmérettel rendelkeznek, és hatással lehetnek a képek átviteléhez szükséges energiafogyasztásra. A JPEG-ket általában fényképekhez használják, míg a PNG-ket inkább az átlátszó képekhez. Az SVG-k ideálisak logókhoz és ikonokhoz.

Carbon Crane Kép optimalizálása 5. lépés fájlformátum

Használd a képek lusta betöltését: A képek lusta betöltése egy olyan technika, amelyben a képek csak akkor töltődnek be, amikor a felhasználó lefelé görget az oldal azon részére, ahol a kép található. Ez segíthet csökkenteni a képek betöltéséhez szükséges energiafogyasztást.

Carbon Crane Kép optimalizálása 6. Lépés lusta betöltés

Reszponzív képek használata: A reszponzív képek olyan képek, amelyek alkalmazkodnak a különböző képernyőméretekhez és -felbontásokhoz. Ez segíthet csökkenteni a képek különböző eszközökre történő átviteléhez szükséges energiafogyasztást.

Carbon Crane Képek optimalizálása Lépés 7. Rezponzív képek használata

Képgyorsítótár használata: A képgyorsító tárazás egy olyan technika, amelynek során a képeket egyszeri betöltés után a rendszer a felhasználó eszközén tárolja. Ez segíthet csökkenteni a képek átviteléhez szükséges energiafogyasztást, ha a felhasználó többször felkeresi a weboldalt.

Carbon Crane képek optimalizálása lépés 8. képgyorsítótár

Csökkentsd a képek számát: Próbálj meg kevesebb képet használni webhelyeden, hogy csökkentsd az átvitelükhöz szükséges energiafogyasztást. Csak akkor használj képeket, ha szükséges, és lehetőség szerint próbálj meg több képet egyetlen képpé egyesíteni.

Carbon Crane képek optimalizálása lépés 9. képek száma

Használj tartalomszolgáltató hálózatot (CDN): A CDN segíthet csökkenteni a webhely karbonlábnyomát azáltal, hogy a felhasználóhoz közelebbi szerverekről szolgáltat képeket, csökkentve az adatoknak megteendő távolságot.

Carbon Crane képek optimalizálása lépés 10. lépés tartalom szolgáltató

Webhelykód optimalizálása: Optimalizáld webhelyed kódját a szükségtelen kódok eltávolításával, a HTTP-kérések számának csökkentésével, valamint a CSS- és JavaScript-fájlok minimalizálásával. Ez segíthet abban, hogy csökkenteni tud weboldalad karbonlábnyomát.

Carbon Crane képek optimalizálása lépés 11. webhelykód optimalizálás

Csak a kiválogatott képeket töltsd le nagy felbontásban: A professzionális alkotóval készíttetett vizuális tartalmak éles méretét maximalizáld. Ne küldjön át a fotós, videós nyers hatalmas fájlokat, aminek a tárolása felesleges erőforrásokat emészt fel. A válogatáshoz használt nézőképek alapján dönts és az így leszűrt alkotásokkal dolgozz csak élesben.

Carbon Crane képek optimalizálása lépés 12. lépés kiválogatott képek

Használj megfelelő rendszert a képek tárolására: A céges kommunikációhoz használt tartalmaidat Digital Asset Management (DAM) rendszerekben tárold, ne a kollégák gépein. A DAM lehetővé teszi, hogy a nyers anyagok megnyitása nélkül, kulcsszó, dátum és jogosultság megadásával előkereshesd a megfelelő képeket. A DAM adatlapja felfedi, hogy meddig és milyen licencekkel használható egy-egy tartalom, illetve lehetőség van jogosultságkezelésre is.

Carbon Crane képek optimalizálása lépés 13. lépés megfelelő rendszer

A fotóügynökségektől licencelt tartalmakat nem kell a saját szervereiden tárolni: A Royalty Free (RF) jogosításával megvásárolt tartalom örökös felhasználásra jogosít fel és a felhasználói profilodból bármikor díjmentesen újra letölthető. A letöltés története évekre visszamenőleg kereshető.

Carbon Crane képek optimalizálása lépés 14. saját szerver

A hírlevél és eDM szerkesztésnél az image-library-ból töltsd be a képeket: Hírlevélszerkesztő vagy CRM rendszer használata esetén nem töltsd fel újra és újra a nagyfelbontású képeket, hanem a már egyszer optimalizált méretű képet a image library-ből (képtár) hívd elő, vagy a weboldal integráción keresztül töltsd be és alkalmazd.

Carbon Crane képek optimalizálása lépés 15. lépés image library

Ha követed ezeket a lépéseket, jelentősen csökkenthet weboldalad karbonlábnyoma anélkül, hogy veszélyeztetnéd a webhelyen található képek minőségét.

Alkalmazások és programok, amelyek segítségével csökkentheted a képek méretét

Adobe Photoshop: Az Adobe Photoshop egy népszerű képszerkesztő program, amely lehetővé teszi a képméret csökkentését és a képek webre való optimalizálását. A “Mentés webre” funkcióval beállíthatod a kép fájlformátumát, minőségét és méretét.

GIMP: A GIMP egy ingyenes és nyílt forráskódú képszerkesztő program, amely lehetővé teszi a képek átméretezését és optimalizálását az internetre. Ezenkívül rendelkezik egy “Mentés webre” funkcióval, amely lehetővé teszi a képformátum, a minőség és a méret beállítását.

ImageOptim: Egy ingyenes alkalmazás Mac rendszerhez, amely lehetővé teszi képek tömörítését és optimalizálását az internetre. Különféle képformátumokat támogat, beleértve a JPEG-et, PNG-t és GIF-et.

Kraken.io: Egy online képtömörítő eszköz, amely lehetővé teszi a képek webes tömörítését és optimalizálását. Különféle képformátumokat támogat, beleértve a JPEG-et, PNG-t és GIF-et.

TinyPNG/TinyJPG: Ezek online képtömörítő eszközök, amelyek lehetővé teszik a PNG és JPEG képek webes tömörítését és optimalizálását. Intelligens veszteséges tömörítési technikákat alkalmaz a képek fájlméretének csökkentése érdekében anélkül, hogy rontana a képek minőségén.

Ha kíváncsi vagy mekkora karbonlábnyommal rendelkezik a teljes weboldalad és érdekel milyen csökkentési lehetőségekkel tudunk támogatni itt többet is megtudhatsz küldetésünkről. Nem szeretnél lemaradni friss híreinkről? Akkor kövesd be LinkedIn oldalunkat is!

­*A blogcikkben megjelenő tippek a Carbon.Crane és az SBH ügynökség szakértőitől származnak. Köszönjük!