Aki képekkel és weboldalakkal dolgozik, annak előbb-utóbb kihívást fog jelenteni a képek átméretezése. Ha esetleg azt gondolod, hogy ez rád nem vonatkozik, akkor javaslom, hogy olvass tovább!

Nem csak ingyenes és praktikus megoldásokat szeretnék veled a kép átméretezés kapcsán megosztani. De megtudhatod azt is, hogy miért elengedhetetlen ezzel foglalkoznod, ha sikeresen akarsz a keresőben jobb helyezést elérni, vagy egyáltalán csak egy jól működő, több vevőt hozó honlapot szeretnél.

Kép átméretezés és SEO

Kezdjük rögtön a legtöbbeket érdeklő vetülettel, a keresőoptimalizálással.

Na de mi köze lehet a képek átméretezésének a SEO-hoz? – kérdezhetnéd első ránézésre joggal.

Pedig van!

Talán nem a legfontosabb tényező, de a Google a honlapok besorolásánál figyelembe veszi a betöltődés sebességét is.

Egy lassú, fél perc alatt betöltődő honlap nem buli a látogató számára. Közhely, de tény, hogy a mai világunk annyira felgyorsult, hogy ha pl. a Google találati listájában egy honlapra kattintva néhány másodpercig csak a fehér képernyőt nézed, akkor egyszerűen visszamész a találatokhoz és választasz egy másikat.

A Google ezt figyeli, és ha egy honlap lassan töltődik be, sok látogató gyorsan visszakattint róla, akkor ott előbb-utóbb helyezés romlás lesz a következménye.

És akkor most jönnek a képek!

Márpedig egy weboldal betöltődésének sebességét igen nagy mértékben befolyásolhatják a képek. Ennek a cikkemnek például – ingyen domain, ingyen tárhely cikkem – a teljes mérete 2,7 MB. Ebből több mint a fele (1655 kB) kép, és maga az egyedi tartalom mindössze 21 kB. Vagyis hatalmas különbséget lehet elérni azzal a letöltendő adatmennyiségben (és sebességben), ha a képeket optimalizáljuk.

Elengedhetetlen tehát a keresőoptimalizálás szempontjából is, hogy a honlapon lévő képek – az eredeti funkciójukkal ellentétben – ne rontsák a látogatói élményt, és a lehető leghamarabb betöltődjenek.

(A látogató és a kereső szempontjából ideális kép méretről még olvashatsz a kép legvégén.)

Megjegyzem, a honlaprafel.hu ebből a szempontból messze nem nevezhető optimalizáltnak, ezen a méreten még sokat lehetne csökkenteni a látogatói élmény romlása nélkül. De sok honlap esetén egy-egy kép mérete önmagában meghaladja a 2-3 MB-ot, ami már lényegesen lassító tényező lehet.

Kép átméretezése és a tárhelyed havi költsége

Ha a látogató élménye vagy a keresőoptimalizálás nem annyira fontos neked, akkor nézzük a tárhely kérdését.

Mivel itthon a tárhelyszolgáltatók többsége limitálja az egyes csomagokhoz tartozó tárhely méretet (és persze a korlátlan tárhely sem igazán korlátlan még Amerikában sem, próbálj meg egy terabyte adatot feltölteni, és nézd meg, mi lesz másnapra a honlapoddal), ezért ha sok tárhelyet foglalsz, sokba fog neked kerülni.

Van az a helyzet, amikor van értelme a nagyobb tárhelynek. De csak lustaságból, azért mert nem foglalkoztál a képek átméretezésével, fölösleges éves szinten akár több tízezer forintot pluszban kifizetni.

Márpedig egy kép, ahogy a mai átlagos fényképezőgépekből „kijön”, kb. 2-4 MB. A weben egy-két kivételtől eltekintve nincs értelme 100 kB-nál nagyobb méretű képeket tárolni, a különbség általában nem észrevehető. Márpedig ha 2 MB helyett csak 100 kB-ot foglal egy kép, akkor már 500 kép esetén is majdnem 1 GB tárhelyet meg tudsz takarítani!

A két amerikai palacsinta kép számodra, a látogató számára nagyjából ugyanúgy néz ki. Az első mégis 385 kB, a második mindössze 39,1 kB.

A képek átméretezésének 2 jelentése

Mielőtt konkrét programokat ajánlanék, fontos megjegyezni, hogy képek átméretezéséről két értelemben beszélhetünk, bár ezek elég közel állnak egymáshoz.

1. Először is egy nagy képet, mondjuk egy 4272×2848 méretűt egyszerűen lekicsinyítünk egy könnyebben kezelhető, mondjuk 854×480 méretre.
2. Másodszor elképzelhető, hogy a kép méretét nem változtatjuk, de (a minőség sokszor nem is látható romlásának árán) a kép fájl méretét csökkentjük.

Mindkét megoldásnak van létjogosultsága, és például a honlapokra feltett képek átméretezése esetén a két cél együttesen fogja az optimális eredményt meghozni.

Programok képek átméretezésére

Persze lényegében bármelyik képszerkesztő program alkalmas önmagában a képek átméretezésére is. Ilyenkor sokak vágják rá, hogy Photoshop, de én ezt két okból sem javasolnám.

Egyrészt semmilyen módon nem vagyok híve a lopott szoftverek használatának. Márpedig a Photoshopot a magyar kisvállalkozók 99%-ának teljesen felesleges pénzért megvennie (egyszerűen nem termeli ki), illegálisan letöltve meg egyszerűen ne használd.

Másrészt ezek a programok nem erre vannak kitalálva. Sok minden megoldható velük, és éppen ezért egy olyan egyszerű folyamat, mint a kép átméretezés túl bonyolulttá, túl nehézkessé válhat, nem beszélve a csoportos átméretezésről, amire sokszor lehet szükségünk.

Instant online megoldás: picresize

Azonnal használható, szuperegyszerű megoldás képek átméretezésére a picresize.com. Legnagyobb előnye, hogy online elérhető, tehát akár pl. egy tablettel vagy telefonnal azonnal, ott izibe’ készített képet is átméretezheted.

Képes a webről levett képpel is dolgozni (közvetlenül url megadható), így akár a saját honlapodra már kitett, túl nagy méretű képet is lekicsinyítheted.

Néhány effektet is lehetőséged van használni, bár ezek szerintem inkább bonyolítják egy képátméretező szoftver használatát. A kivágás, forgatás hasznos ebben a témában, hiszen átméretezhetsz (kicsinyíthetsz) egy képet csak azzal is, ha fölösleges részeket levágsz róla.

Nagyon hasznos opció, hogy a minőségnél megadhatod, hogy mekkora legyen a maximális fájlméret.

A picresize képek csoportos átméretezése esetén is használható (Multiple Pics funkció), bár erre a feladatra nem a legkézreállóbb megoldás.

Windows Picture Resizer Powertoy

Bevallom, az én kedvencem a Windowsra ingyenesen letölthető Image Resizer. (Ha jól tudom, nem létezik magyarul.)

A világ legegyszerűbb alkalmazása, és szerintem képek átméretezése esetén éppen erre van szükség. A kijelölt képre vagy képekre (mert képek csoportos átméretezése ezzel az ingyenes szoftverrel gyerekjáték) jobb egérgombbal klikkelve egy nagyon egyszerű menü jön fel:

Néhány előre megadott méret vagy egyéni beállítás közül választva egy gombnyomásra átméretezi a képeket. A minőséget nem változtatja, csak a kép fizikai méreteit csökkenti.

Plusz kényelmét adja az, hogy telepítés után minden, a gépen lévő kép esetében jobb egérgombbal automatikusan előjön. Tehát nem kell szoftvert elindítani, weboldalt megnyitni, egyszerűen ott a kép, és pár másodperc alatt kész a webre vágott verzió.

Képek csoportos átméretezése is gyerekjáték az Image Resizerrel, egyszerűen jelölj ki több képet (vagy a CTRL+A billentyűkombinációval az egész mappát), és az összeset át fogja méretezni!

Megjegyzem, az én tapasztalatom szerint ez az eszköz nagyon jó egyébként a fájlméret csökkentésében is. Az ebben a cikkben illusztrációként használt amerikai palacsinta képet például 400px szélesség esetén képes volt 39,1 kB-ra csökkenteni, amit első ránézésre a minőség alapján nem mondanál meg.

Képek nagyítása?

Tulajdonképpen technikailag lehetséges – valószínűleg a fent javasolt kép átméretező programok is képesek rá -, de mégsem javasolt a képek nagyítása.

A digitális formában tárolt információ attól nem lesz több, hogy nagyítunk. Tehát ha kétszeresére nagyítasz egy képet, attól nem lesz a kép fájlban több adat, mint az eredeti méretében. Ez pedig minőségromlást jelent.

Ezért mindig érdemes az eredeti, lehetőleg minél nagyobb felbontásban készített képet is megőrizni. Így később, amikor valamiért nagyobb méretre lesz szükséged, nem egy butított verzióból kell majd nagyítani, hanem az eredetit lehet ismét felhasználni.

Az persze elképzelhető, hogy valamilyen okból néhány % nagyítás még látható minőségromlás nélkül kivitelezhető, de szerintem ez az üdítő kivételt jelenti ebben a témában.

Milyen az ideális képméret?

Az ideális képméret egy weboldal esetében az, ami éppen akkorára van vágva, mint amekkorában a honlapon megjelenik, és a minőségét tekintve a lehető legrosszabb, leggyengébb minőség azon a határon belül, hogy még az átlagos látogató számára az élvezeti érték romlását jelentse, vagy a rossz minőséget kiszúrja.

Magyarul, vágd a képet legfeljebb akkorára, amekkorában a sablonod kiteszi. Ez a legritkább esetben szélesebb 800-900 pixelénél.

Ha eleve csak egy 200px széles képet szeretnél kitenni, akkor nincs értelme ennél nagyobb méretben feltölteni a tárhelyre.

A minőséget tekintve képe és honlapja válogatja, de javaslom, hogy kísérletezz. Nézd meg, hogy pl. jpeg esetében mi az a minőségi %, amit könnyen kiszúrható torzulás nélkül viselnek el a képeid.

Te milyen kép átméretező szoftvert használsz?

Ha van további jó ötleted képek átméretezésére, akkor oszd meg a hozzászólások között! Én is és az olvasók is szívesen vesszük!

Ha a képek alapján kedvet kaptál az amerikai palacsintához, akkor a receptemet itt olvashatod: Amerikai palacsinta recept.