A termékképek oldalaránya

Amikor a webáruház több terméket mutat meg egy oldalon, nagyon fontos, hogy a termékképek valamiféle egységes formátumban jelenjenek meg, amely professzionális hatást kölcsönöz az egész webshopnak. Nem csak a jó minőség és a homogén háttér fontos, de az is, hogy a képek azonos vagy nagyon hasonló méretűek legyenek.

Mégis sok webáruházban látni eltérő méretű képeket, amelyek megtörik a sorok és oszlopok egységét és így rossz irányba befolyásolják az egész megjelenést.

Pedig az alap problémát nem is a képek eredeti mérete okozza, hanem azok különböző oldalaránya. A webáruházak többsége a feltöltött képeket a szélességük alapján átméretezi. Az átméretezett képek általában 150 képpont szélesek lesznek azért, hogy 3 vagy 4 egyforma szélességű oszlopban megjelenhessenek. De mi történik a magasságukkal?

Vegyünk egy példát, amelyben két termékképet szeretnénk feltölteni a webáruházba. A két kép eltérő méretű, az egyik 300x200, a másik 375x250 képpont.

Bár a képek mérete eltérő, a vízszintes és függőleges oldalak aránya megegyezik. Ezért amikor a webáruház 150 képpont szélességű képet készít belőlük, a magasságuk is egyforma marad.

Az alábbi ábra szemléletesen mutatja meg, hogy mi történik, ha két nagyon eltérő oldalaránnyal rendelkező képet töltünk fel. Mivel a 150 képpont szélességű átméretezett képek megtartják az eredeti képek oldalarányát, így a két kép közötti magasság különbség aránya is megmarad.

De hogy lehet az ennyire eltérő oldalaránnyal rendelkező képeket átalakítani? Ez sajnos nem egyszerű munka, mivel nem elég átméretezni egy képet (amely a legtöbb képátalakító programmal automatizálható), hanem azonos oldalarányúra kell vágni vagy kiegészíteni őket. Ha nagyon nem tudjuk eldönteni, hogy a sokféle képünk végleges oldalaránya milyen legyen, akkor érdemes 1:1 arányúra vágni vagy kiegészíteni azokat, azaz a képek szélessége egyezzen meg a magasságukkal. Ez utóbbi megoldás (azaz a képek kiegészítése 1:1 arányúra) automatikusan is elvégezhető a Viltor rendszerben.

Az alábbiakban felsorolok pár ingyenes online eszközt, amelyek megkönnyíthetik a képek átalakítását.

• Cropp.me - A feltöltött képek tömeges vágására használható. Megadható a kész kép kívánt mérete és korlátozottan még a kép témáját is figyelembe veszi, azaz elvileg pl. a képen látható terméket vágja körbe.
• Fotor - Kép vágó és manipuláló eszköz.
• Remove Image Backgrounds - Nagyon ügyes szolgáltatás, pár kattintással kivágható a téma a háttér elől.