Megfelelően méretezett képeket jeleníthet meg WordPress vagy Joomla webhelyén

Készítsen bármilyen képet WordPress vagy Joomla blogján. Ha a minőséget értékeli, akkor valószínű, hogy a kép elég nagy ahhoz, hogy le kell kicsinyíteni, hogy elférjen az olvasók asztali eszközein, nem is beszélve a mobileszközökről. A minőség jó és jó, de az ilyen esetek borsos áron vannak.

Ahhoz, hogy egyetlen képpel a lehető legtöbb különböző kijelzőt elférjen, nagyot kell használnia. Ez viszont nagy fájlokat eredményez, amelyeket teljes egészében le kell tölteni még kis eszközökön is. Van megoldás: a megjelenítő eszköztől függően méretezett képek kiszolgálása, legyen az asztali, táblagép vagy mobil.

Méretezett képek kiszolgálása WordPress és Joomla rendszeren CSS segítségével

Mennyi helyet foglalnak el a képek a weboldalakon? Nincsenek szigorú szabályok, de figyelembe véve fontosságukat és mindenütt, a válasz határozottan sok. Ha olyan képeket szolgál ki, amelyeket a végén úgyis átméretez, akkor érdemes gazdaságosnak lenni, és olyan képekkel szolgálni a WordPress vagy Joomla felhasználóit, amelyek már kicsinyítettek, hogy felgyorsítsák a webhely betöltési idejét.

A CSS segítséget nyújt egy sor viszonylag ismeretlen, de felbecsülhetetlen értékű attribútumhoz: az srcset , a méretek és a média . Ezek az attribútumok – amelyek mindegyikét a legtöbb modern webböngésző támogatja – lehetővé teszik a megjelenítendő képverziók megadását a nézetablak méretétől függően.

Az srcset kiegészíti a szokásos src fület. Amint azt az attribútum neve sugallja, egyetlen kép megadása helyett a méretezett képek listájának és szélességének megadására használja. Vele együtt használják a méret attribútumot, amellyel megadhatja, hogy mikor jelenítsen meg képeket a nézetablak szélessége alapján.

Ezekről az attribútumokról itt olvashat bővebben , de jó hír, hogy az elmúlt évek során a WordPress automatikusan átméretezi a képeket, és a megfelelő méreteket szolgálja az olvasók körében. Az eredmény megdöbbentő: az 511Kb-s álló képet mobileszközökön 42Kb-ra csökkentik.

Automatikus átméretezés és optimalizálás ImageRecycle segítségével

Ha a képméretekről van szó, minél kisebb, annál jobb, mindaddig, amíg a minőség nem sérül. Bár a WordPress segít az srcset használatával , még többet tehet a képméret minimalizálása érdekében, nevezetesen a képek átméretezésével és tömörítésével.

ImageRecycle olyan bővítmény, amely egyszerre képes ImageRecycle és tömöríteni a képeket az Ön számára, és elérhető mind a WordPress, mind a Joomla. A legjobb az egészben, hogy az ImageRecycle használatával automatikusan átméretezheti és tömörítheti a képeket.

Az átméretezés különösen akkor hasznos, ha a WordPress vagy a Joomla blog részvényképeit használja. Ezek a képek gyakran aránytalanul nagyok ahhoz, hogy minden felhasználást figyelembe vegyenek, beleértve a nyomtatott adathordozókat is. Az interneten nagyon valószínűtlen, hogy valaha is a teljes felbontásukat kellene használniuk. Az ImageRecyclesegítségével a nagy képeket automatikusan átméretezheti a maximális magasságig vagy szélességig a feltöltéskor.

Az átméretezés kiegészítése a tömörítés, amely optimalizálja a kép méretét a minőség feláldozása nélkül. Veszteséges tömörítéssel akár 80% -kal is csökkentheti a képteret. Ez nemcsak az eredeti képekre vonatkozik, hanem a WordPress által átméretezett képekre is. Még egyszer, az ImageRecycle ezt automatikusan elvégezheti az Ön számára.

Amit néhány extra kilobájtnak tekint, az értékes veszteséget jelenthet olvasói számára. A jó hír az, hogy nem kell feláldozni a minőséget a betöltési időkért. A CSS intelligensebb használatával és az ImageRecycleátméretezésével és optimalizálásával kiváló minőségű képeket készíthet, amelyek alkalmazkodnak az olvasói eszközökhöz.