A Képátméretezés – képoptimalizálás cikkben leírtam, hogy miért fontos keresőoptimalizálás szempontjából a megfelelő képméret kiválasztása.  Hogyan tudod az adott képet a lehető legkisebb fájlméretűre csökkenteni úgy, hogy közben a képminőség szemmel láthatóan ne romoljon? Ebben segítenek az  online és offline képszerkesztő programok. Melyiket válaszd? Segítek!

2021-es frissítés! Tömeges képátméretezés Photoshop programmal egyszerűen: ITT

Én bemutatom…

• a szerintem legjobb képszerkesztő programok fajtáit
• a programok működését
• az ingyenes képszerkesztőket
• a fizetős verziókat
• melyek a legjobb online képszerkesztő programok
• milyen offline megoldások léteznek

Te pedig eldöntöd, hogy melyik képszerkesztő program a szimpatikus!

 SEO szempontból mit kell szerkeszteni egy képen?

A képszerkesztő programok legtöbbje alkalmas arra, hogy „feljavítsd” a fotóidat különböző effektekkel. Keresőoptimalizálás szempontjából ez nem annyira lényeges. Sokkal fontosabb, hogy az oldalad gyorsan betöltődjön, és ne lassítsák le  gigantikus méretű képek.

A méret a lényeg…

Természetesen a minőség is számít. Gyorsan felejtsd el a Google képkeresőből lelopkodott (és rosszul lementett) 6 KB-os képeket!

1. a  képek méretét csökkentheted pixelben  (1600 x1200 helyett 800×600)
2. alkalmazhatsz tömörítést a fájlméret csökkentésével (2 MB helyett 120 KB)
3. vannak képszerkesztő programok, ahol %-ban is meghatározhatod a képminőséget.

Kattints a jobb egérgombbal a képre, és a Fájladatok/Tulajdonságok menüpontnál meg tudod nézni a kép méretét!

Több megoldást is választhatsz egyszerre: csökkentheted pixelesen és kilobyte-ban is a képeket.  Bármit is választasz, nem árt, ha előnézetben ellenőrzöd a képfelbontást!

 

A legegyszerűbb képátméretezés a WordPress felületén – videó!

 

A következő 6 perces videóban arról lesz szó, hogy, hogyan lehet WordPress honlapon a már feltöltött képeket
átméretezni úgy, hogy a Google is „szeresse”, illetve felhasználóbarát legyen a kép megjelenése. Arra ügyelni kell, hogy a tárhelyet ne foglalja el az eredeti méretben feltöltött hatalmas méretű fájl. Azt is érdemes felülírni.

A Legegyszerűbb képszerkesztés videó átirata – ha inkább olvasni szeretsz

 

Bizonyára megtörtént velünk, hogy több MB-os, hatalmas fájlméretű fotókat tettünk fel a WordPress
honlapunkra, és semmi kedvünk sincs leszedni a képeket, átszerkeszteni, majd újra visszatöltögetni!

A kép mérete SEO szempontból is fontos, hiszen befolyással bír a honlap betöltési sebességére.

Arról nem is beszélve, hogy a kedves látogatóinknak nem lesz türelmük kivárni a honlapunk
betöltését és mielőtt meglátnák a csodás, hatalmas képekkel teli honlapunkat, már huss, tovább is
kattintottak.

Tehát az, hogy milyen gyorsan töltődik az oldalunk, függ attól, hogy több MB-os képek vannak
elhelyezve a weboldalunkon, vagy csak 30-200 kB méretűek.

A cikkemben írok különböző képszerkesztő programokról. Léteznek online megoldások, letölthető képszerkesztő programok, valamint képoptimalizáló bővítmények is rendelkezésünkre állnak.

Ha nem akarunk sem bővítményekkel, sem letöltött programokkal bajlódni, akkor nézzük, mit
tehetünk.

A videóban bemutatom a korábban feltöltött, médiatárban található képek átméretezését lépésenként, ami nem a leggyorsabb ugyan, de legalább kéznél van:

1. belépünk a médiatárba
2. csempemódra állítjuk a nézetet
3.  kiválasztjuk a kívánt fotót
4.  kitöltjük az alternatív, helyettesítő szöveget (kulcsszavakat is felhasználva)
5. a kép szerkesztésére kattintunk
6. beállítjuk a kívánt szélességet.
7. Pl. 320 x 214 px  A magasság automatikusan idomul majd hozzá. Ne torzítsuk a képet!
8. A mentés gombra kattintva, hamarosan megjelenik az eredmény, hogy a fotó fájlmérete 25 kB lett 2 MB helyett. 🙂

Érdemes már az elején tudni, hogy az adott képe mire fogjuk használni. Ugyanis ha pl. teljes képernyő méretben akarjuk feltenni, akkor 320 px  nem lesz elég.

A megfelelő képméret kiválasztásáról részletesen olvashatsz a követező cikkben:

 https://seo.antikaotika-design.hu/mediaoptimalizalas-kepatmeretezes-seo-tippek-4/

 

WP Image Size Limit – Limitáld a feltölthető képek nagyságát!

Persze csak ha akarod. Én ezt a megoldást személy szerint nem szeretem, de ha WordPress alapú honlapod van, akkor a WP Image Size Limit bővítménnyel beállíthatod, hogy mekkora legyen az a maximális fájlméret, amit még feltölthetsz a weboldaladra.

Beállítod  – mondjuk –  a 350 Kb-ot, mint maximumértéket, aztán ha ennél nagyobb képpel próbálkozol, akkor hibajelzést kapsz, hogy a képed mérete meghaladja a keretet. Na és akkor keresgélhetsz a képszerkesztő programok között, hogy melyikkel tudod a megfelelő méretű fájlt létrehozni.

 

Optimizilla – online képoptimalizáló

 

Ez egy nagyon szimpatikus képszerkesztő felület. Több nyelven elérhető, amiből sajnos a magyar kimaradt. Ez azért ne rettentsen el, mert nyelvtudás nélkül is egyszerű  Maximum 20 képet tölthetsz fel egyszerre az UPLOAD FILES gombra kattintva. Egyszerűen tudod  zsugorítani a JPEG és PNG képeket a lehető legkisebbre méretre, ami még megőrzi a szükséges minőségi szintet.

A tömörítés befejezése után könnyedén ellenőrizheted a minőséget a képekre kattintva.  A csúszka segítségével finomíthatsz a beállításon. Összehasonlíthatod az eredményt az eredeti képpel. Ránagyíthatsz a részletekre. Megadhatod a tömörítés mértékét, és azt is pontosan láthatod, hogy hány kilobyte lesz az eredmény.

Ha elégedett vagy a látvánnyal, kattints at APPLY gombra. Majd a DOWNLOAD ALL gombra kattintva egy tömörített mappában elmentheted az átméretezett képeket.

Kipróbálom: Optimizilla

 

TinyPNG – online képtömörítő és/vagy honlap bővítmény.

Az online alkalmazás hasonló, mint az Optimizilla esetében, itt is 20 képet tölthetsz fel egyszerre, amelyek egyenként nem lehetnek nagyobbak 5 MB-nál. A TinyPNG alkalmazása csökkenti a képek minőségét, törli a meta infókat, így ér el méretcsökkenést.

Itt nem tudod módosítani és „menet közben” megtekinteni a képeket,  de a  tömörített fotókat lementheted a gépedre vagy Dropboxba.

Van WordPress plugin is hozzá, amivel automatizálni tudod minden feltöltött kép méretének az optimalizálását.

Nézd meg a 8 perces videómat arról, hogy hogyan működig a TinyPNG bővítmény!

A TinyPNG előnye az, hogy a feltöltött képet is optimalizálja (tehát az eredetit), így tárhelyet spórolhatunk meg vele.

A TinyPNG hátrányai: lassú, mivel külső szerveren dolgozza át a képeket, továbbá havi 500 kép után fizetős. Az 500-as ingyen kép a gyakorlatban kb. 100 képre elegendő, hiszen a WP készít 4-5 képméretet feltöltésenként és azokat is optimalizálja.

Próbáld ki: TinyPNG

Képátméretezés Photoshopban

Ha  Photoshopban szerkeszted a fotóidat a Fájl menüben találod a Save for Web vagy magyarul a mentés webre funkciót. Újabban ezt az Exportálás menüpontban találod.Itt  megfelelően optimalizálhatod a tömörítési, és színkezelési beállításokat, kifejezetten az interneten való megjelenésre.

A Photoshop meglehetősen drága –  kb. 26 € havonta, a próbaverziót viszont 30 napig használhatod ingyen.

Próbáld ki: Photoshop

 

Frissítés! Tömeges képátméretezés Photoshop programmal egyszerűen

GIMP képszerkesztő program

A Photoshop ingyenes változataként szokták emlegetni, bár a dizájnerek nem sokra becsülik. Arra viszont alkalmas, hogy elvégezd rajta a képoptimalizálást.

A Képméret menüpontban a Szélességet és Magasságot megadhatod számértékben, vagy a kis ablak melletti fel-le nyilakra kattintva.

A két ablak melletti „lánc” ikon legyen bekapcsolva! Az arány így változatlan marad, a kép nem torzul.

A képméret mértékegysége sokféle lehet. Alapvetően képpont (pixel) és százalék, de beállíthatsz, hüvelyk, milliméter, pont és pica stb. mértékegységet is.

A képet monitoron nézve  elég lehet a 72 képpont/inch is (X-felbontás, Y-felbontás).

Töltsd le itt a GIMP képszerkesztő programot!

 

Pixlr – online képszerkesztő program

Egyszerű fotó- és grafika szerkesztőprogram, bár a képátméretezésnél jóval többet tud.

3 alapvető eszközt tartalmaz:

• Pixlr Editor – eszközök széles választékát adja grafikák szerkesztéséhez
• Pixlr Express – színt és szöveget lehet adni vele a képhez
• Pixlr O-Matic – keretet, különböző effekteket tudsz vele hozzáadni

 

A Pixlr Editor  ingyenes fotószerkesztőt közvetlenül elérheted a böngészőnkből.  Pixlr Editor használatához nincs szükség semmilyen letöltésre.

A program eszközei és funkciói hasonlóak a legtöbb népszerű képszerkesztő szoftveréhez, mint a Gimp, Paint Shop Pro vagy a Photoshop. Számos, a desktop programokban fellelhető funkció megvan benne, de szinte semennyi helyet nem foglal.

Próbáld ki: Pixlr

 

PicResize – online képszerkesztő program

Ingyenes szoftverszámos lehetőséggel, és viszonylag egyszerű használattal. Bár szerintem nem annyira egyértelmű a kezelőfelülete.

Ami leginkább mellette szól, hogy megszerkesztheted vele  a közvetlenül az internetről  leszedett képet is.

Először válaszd ki a képet a számítógépedről, vagy egy URL címről. A “Contiune”-ra kattintva megérkezel az oldalra, ahol a képedet igényeid szerint át tudod alakítani 4 egyszerű lépésben:

• levághatod a kép egy részét, valamint elforgathatod
• átméretezheted
• speciális effekteket adhatsz hozzá
• az átalakított képet jpg, gif, png, bmp formátumban mentheted el

Megmondom őszintén nem vagyok tőle elájulva, pedig úgy hirdeti magát, mint az internet legegyszerűbb ás legjobb képátméretező programja.

A fenti képet így tömörítette:

 

Convert My Image – válassz képformátumot

A Convert My Image gyakorlatilag egy feladatot lát el: átalakítja egy kép formátumát. Rengeteg formátumot használhatsz:

Az alábbi fájlformátumokban oda-vissza konvertálhatod a képeidet:

PNG, JPG/JPEG, GIF, TIF/TIFF, BMP, RPG, XPM, PIC, PDF, EPS, PS

 

Képszerkesztő programok összegzés – mi az, ami nekem bevált?

Természetesen a felsoroltaknál sokkal több képszerkesztő program van. Számos népszerű eszközt kipróbáltam, ami kimaradt a listából, egészen egyszerűen azért, mert nem úgy működtek, ahogy azt elvártam.

Az én kedvencem az Optimizilla volt, mert látom is az eredményt tömörítés közben. Most viszont a tömeges átméretezés miatt  a Photoshop-ot használom. A WordPresshez pedig a TinyPNG plugint szoktam meg.

Ha ismersz olyan képszerkesztő programokat, amelyek neked beváltak, vagy amelyekről szívesen hallanál véleményt, írd meg a Hozzászólás írása részben a bejegyzés alatt!

Antal-Pap Judit