Szolgáltasson megfelelően méretezett képeket a WordPress vagy a Joomla webhelyén

Készítsen bármilyen képet a WordPress vagy a Joomla blogján. A minősítés értékelése esetén az esély az, hogy a kép elég nagy, hogy azt le kell méretezni, hogy illeszkedjen az olvasói asztali eszközökhöz, nem is beszélve a mobil eszközökről. A minőség rendben és jó, de az ilyen esetek izgalmas áron járnak.

Annak érdekében, hogy egy képpel minél több különféle kijelző elférjen, nagy képet kell használnia. Ez viszont nagy fájlokká alakul, amelyeket teljes egészében le kell tölteni kis eszközökre is. Van egy megoldás: a megjelenített eszköztől függően, akár asztali, táblagép, akár mobil, méretezhető képek kiszolgálása.

Méretezett képek kiszolgálása a WordPress-ben és a Joomla-ban a CSS-sel

Mennyi helyet foglalnak el képek a weboldalakon? Nincsenek kemény és gyors szabályok, de figyelembe véve azok fontosságát és mindenütt jelentőségét, a válasz határozottan sok. Ha olyan képeket szolgáltat, amelyek átváltását végül elvégzi, akkor csak akkor van értelme, ha gazdaságos, és a WordPress, vagy a Joomla felhasználóit olyan képekkel szolgálja fel, amelyek már le vannak méretezve, hogy felgyorsítsák a webhely betöltési idejét.

A CSS segítségére lehet egy sor viszonylag ismeretlen, de felbecsülhetetlen értékű attribútum: az srcset , méretek és média . Ezek az attribútumok – amelyeket a legtöbb modern webböngésző támogat – 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 ImageRecycle és optimalizálás az ImageRecycle

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 ImageRecycle segí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.