Nem szeretnél vesződni a képek weboldalra való feltöltése előtt az átméretezéssel (kicsinyítés)? Létezik olyan bővítmény, amely használatával be lehet állítani, hogy a feltöltött képek maximum milyen szélességűek és magasságúak lehetnek.

Ezzel 3 legyet ütünk egy csapásra:

• Nő a felhasználói élmény, hiszen nem kell több MB-os képeket letölteni.
• Mivel csak akkora értékeket adunk meg, amely méretekben megjelenhet egy weboldalon egy kép, ezáltal a Google sem fogja lassú weboldalnak tekinteni a miénket az indokolatlanul nagy képek használatáért.
• Nem telik be indokolatlanul gyorsan a tárhelyünk, hiszen egy több MB-os kép helyett sok esetben max. párszáz KB-os kép generálódik feltöltéskor.

Lássuk videón a gyakorlatban:

    

Előfordulhat, hogy úgy töltötted fel a weboldalra a képeidet, hogy nem optimalizáltad őket. Most optimalizálás alatt azt értem, hogy nem éltél a minőségromlás nélküli képtömörítés lehetőségével, és nem azt, hogy pl. 12 megapixeles képek helyett max. 1000*600 pixeles képeket tölts fel a weboldalra. Persze ez utóbbi is fontos (sőt!), de most az előbbiről lesz szó.

Ha már évek óta blogolsz, és eddig nem ismerted ezt a lehetőséget, nem probléma. Kicsi “rabszolgamunka” jön, de pár óra alatt sok képpel, és rutintalanul is lehet végezni a dologgal.

Pár egyszerű lépést kell követni:

1. FTP-n töltsd le a wp-content/uploads mappát.
2. Mentsd el ezt a mappát a gépeden külön is, hogyha bármilyen gond lenne valamelyik képpel, meglegyen az eredetileg feltöltött állapota.
3. Ezzel az eszközzel tömörítsd az összes képet. Pár perc alatt akár egy teljes évnyi anyagot le lehet így kicsinyíteni.
4. Töltsd le a tömörített képeket a 3. pontban megadott linkről.
5. Másold vissza a fájlokat a szerverre, felülírva a korábbi fájlokat.

Nem lehet ezt automatizálni?

De. De most nem erről szól ez a videó. Pl. A Smush Image Compression and Optimization bővítménnyel meg lehet csinálni automatizáltan is a dolgot, egy kicsit kevésbé hatékony hatásfokkal való tömörítéssel.

Videón a fentiek (+1 meglepetés videó egy extrém példával):

    

Ha nagyon sok képet teszel egy-egy cikkbe, jól jöhet a vágólapról (CTRL+C/CTRL+V) való képbeszúrás funkció, közvetlenül a bejegyzés, vagy oldalszerkesztő felületre.

A következő, PROFI PLUSZ tagsággal megtekinthető videón mutatok megoldást erre a funkcióra:

    

Előfordulhat fejlesztés során, hogy szükséged van egy fájlfeltöltő scriptre gyorsan. Mutatom a megoldást a következő, PROFI PLUSZ tagsággal nézhető videón:

    

Unod az egyszerű képgalériát, amelyben hagyományos módon, szabályos sorokban és oszlopokban jelennek meg a feltöltött képek? Valami újat, szeretnél, mondjuk olyan stílusban, mint ahogy a Pinteresten megjelennek a tartalmak?

Minta:

Hogyan kell ilyet létrehozni WordPress alatt?
Megmutatom a következő, PROFI PLUSZ tagsággal nézhető videón, amelyben egy nagyon egyszerű bővítményt ismerhetsz meg!

    

Ha valamiért nem működik a WordPress weboldaladon a régi Add Lightbox nevű képnézegető akkor 3 javaslatom is van:

1. Használj NextGen Gallery bővítményt (23,5 perces videó van róla a link mögött!), és ezzal építs képgalériákat, ebben ez a funkció alapból benne van.
2. Használd a FancyBox for WordPress bővítményt, ez egy jó alternatívája az Add Lightbox pluginnek.
3. Ha nem galériát készítesz, hanem csak egy-egy képnél szeretnéd kinagyítani úgy a képet, hogy a háttérben megmarad a weboldal, és előjön a kép, akkor tedd ezt: Telepítsd a NextGen Gallery-t, ez mindenképpen hasznos lesz a galériákhoz. Ám ennek van egy olyan eldugott beállítása (ott, ahol orvosolni lehet a NextGen Gallery kontra FancyBox összeakadást is), amellyel kiválthatod a Lightbox vagy FancyBox bővítményt: Menj a “Galéria” => “Egyéb opciók” => “Lightbox effektusok” menüre, és ott válaszd ezt a beállítást:

“Alkalmazás az összes képfájlra mutató képre” – ezzel azt éred el, hogy minden olyan kép, amely képre hivatkozik (jellemzően: kattintható és a nagy méretű kép jelenik meg) lightbox effekttel fog megnyílni a weboldaladon.

A neve: Slider Revolution. És a kategóriájában – a fizetős plugin-ok között – a legnépszerűbb. A mai napig 51 108 példányban adták el. Az ára baráti, 18$.

Miért ilyen népszerű, mit tud?

• Rengeteg prémium kinézettel kompatibilis.
• Esztétikailag sokat dob egy weboldalon.
• Szép képváltogatót (slidert) lehet integrálni vele a weboldalba.
• A sliderek időzíthetőek.
• A sliderek kattinthatóak, de nem muszáj ezt a funkciót használni.
• A slidereken el lehet helyezi kép(eke)t, videó(ka)t.
• Animációkat (beúszó/megjelenő szövegeket, képeket, videókat) lehet vele készíteni, és a lejátszást teljes mértékben, ezredmásodpercre lehet programozni.
• stb.

Egy ~13,5 perces videóban részletesen bemutatom a használatát. (és halkan jegyzem meg, hogy ez csak a jéghegy csúcsa, annyi mindent tud)

Slider Revolution bővítmény bemutató:

    

Miért fontos a képek vízjelezése?
Ezzel a megoldással jobban védheted a saját készítésű fényképeidet a másolókkal szemben.

Hogyan kell?
Van egy nagyon jól működő program, amelynek ez az egyik funkciója a sok másik közül.

Egyesével, vagy tömegesen?
Ha minden “vízjelezendő” kép ugyanakkora méretű (szélesség/magasság) vagy a képarányuk megegyezik, akkor az alábbi videón bemutatott módon egyszerre akár 100 képet is vízjelezhetsz. További fontos kitétel: ha azt állítod be, hogy a bal felső sarokban legyen minden képen a vízjel, akkor ott az ne zavarja a kép lényegi részét, de azért látszódjon is.

Hibák, tippek:

• Olyan helyre nem szabad tenni a vízjelet, ahol könnyen levágja egy fotó-tolvaj.
• Mindig legyen annyira áttetsző a vízjel, hogy a kép élvezeti értékét ne rombolja, de ne is érje meg ellopni a képet.
• Mindig olyan színű vízjelet használj, amely jól mutat a képen.

Minta:

Vízjelezés videó:

    

A rossz kép- és fájlelnevezésekből több gondod adódhat később: pl.: egyes látogatóid nem látják/nem tudják letölteni ezeket a fájlokat, illetve a XENU is hibának jelzi az ilyen csatolásokat, illetve nem kevés idő kicserélni minden rossz-nevű fájlt jó nevűre.

Esettanulmány
Van egy ügyfelem, aki éveken keresztül ékezetes fájlokat, ilyeneket töltött fel a weboldalára: “tűzoltó autó.jpg” a helyes: “tuzolto-auto.jpg” helyett, összesen 1200 hibát talált a XENU. A következő két bővítmény kombinációjával helyre raktam ezekből 914-et, azaz a hibák 76%-át, teljesen automatizáltan, csupán – emlékeim szerint – 1-2 órát kellett várni, amíg lefutnak az alkalmazások. A maradék 24% hiba jó része pedig olyan hiba, amelyet csak manuálisan lehet javítani, és nincs közük az ékezetes fájlnevekhez.

PROFI tagsággal olvasható a megoldás:

    

Ha egyszerre használod a Fancybox és NextGen Gallery bővítményeket, előfordulhat, hogy a NextGen Gallery a következőképpen működik: A kis képre kattintva megjelenik a nagy, azonban azt bezárva még mindig látszik a nagy kép, így azt is be kell zárni, hogy visszatérhessünk a galériához:

Látható, előtérben a Fancybox effekt, háttérben a NextGen Gallery effekt.

A megoldás roppant egyszerű, nem kell mást tenni, mint a NextGen Gallery beállításaiba bemenni. Hol találjuk ezt? Admin felület => Gallery => Other options. Itt válasszuk a “Lightbox effekts” részt.

Itt a Shuttert állítsuk át Fancybox-ra, és innentől kezdve csak egy effekttel fognak megnyílni a képek!

Az eredmény: