❗ Ez egy olyan folyamat, amely kissé unalmas lehet (ha manuálisan történik), de elengedhetetlen, hogy ezt tegye annak elkerülése érdekében, hogy Ez befolyásolja webhelye betöltési sebességét.

Itt található a tartalomjegyzék, amely mindent tartalmaz a cikkben see .

Tartalomjegyzék

Ez egy olyan folyamat, amely a képeknek az interneten használt mérethez történő igazításából áll, és a lehető legnagyobb mértékben csökkenti a súlyukat anélkül, hogy rosszul nézne ki.

Itt hagyom az összes videót összefoglaló bejegyzést.

📺 Videó bemutató

✅ Hogyan méretezhetjük át a webes képeket az ideális méretre?

A képek optimalizálásának első lépése az átméretezés.

Minél nagyobb a kép felbontása, annál nehezebb lesz, ami nem kompatibilis az Ön weboldalának gyors betöltésével.

Ne töltse fel fényképeit «Full HD» formátumban azzal az ürüggyel, hogy «- A jó megjelenés érdekében».

Létrehozáshoz nem hoz létre képbankot.

Gyakorlati eset:

Ha képet szeretnék elhelyezni a blogom oldalsávjában, először meg kell derítenem, milyen széles az oldalsáv.

Tegyük fel, hogy az oldalsáv szélessége 250 px.

Ez azt jelenti, hogy még akkor is, ha nagyobb képet töltök fel, 250 px széles lesz, ezért a többit elpazarolom, és csak annyit tehetek, hogy megnövelem az oldal méretét.

Mert megtudja, milyen méreteket használjon Javaslom a Chrome "Element Inspector" használatát. A videóban megmutatom, hogyan történik.

Miután megismerte a méreteket, átméretezheti őket a következő programokkal: Paint, Photoshop vagy Gimp. A videóban elmagyarázom, hogyan kell csinálni a Photoshop alkalmazással.

🔹 Eszközök a képek tömeges átméretezéséhez

Ha sok képpel dolgozik, például termékkatalógus vagy galéria készítéséhez, azok egyesével történő átméretezése hosszú időt igényel.

A képek tömeges átméretezéséhez ajánlom az alábbi eszközök egyikét.

JPEG Resizer 2.1

internethez

A JPEG Resizer 2.1 egy ingyenes program a Windows számára, amely nem igényel telepítést. Csak futtatnia kell.

Lehetővé teszi a képek átméretezését az alábbiak szerint:

  • A leghosszabb oldal: állítsa be a leghosszabb oldalt a megadott méretre, így torzítás nélkül megtartja az arányokat.
  • A szélesség vagy a magasság maximális méretét állítja be.
  • Pontos méretet állít be a szélességhez és a magassághoz.
  • Vagy csökkentse a képet százalékkal.

Egy másik előnyös pont az, hogy lehetővé teszi átnevezheti a képeket tömegesen előtag, szám és utótag hozzáadása.

Tömeges méretű fotók

Ez egy online eszköz, amellyel ingyenesen átméretezheti a fényképeket. Az előző programhoz hasonlóan lehetősége van arra is, hogy átméretezze őket.

✅ A képek átméretezése webre a Photoshop segítségével

Kovesd ezeket a lepeseket:

Nyissa meg a tömöríteni kívánt fényképet, és lépjen a "Fájl" -> "Mentés webre" lehetőségre:

A következő ablak jelenik meg.

Itt több dolgot tehet:

  • Módosítsa a kép méreteit. Javasoljuk, hogy ezt tegye meg, mielőtt elmentené az internetre.
  • Válassza ki a formátumot: jpeg, png vagy gif.
  • A képminőség beállítása.

Javaslom a képek mentését JPEG formátumВ körülbelül 70-es minőséggel, és képek, amelyeknek átlátszóságra van szükségük mivel a logók a PNG formátum.

🔨 Eszközök a képek online optimalizálására

Sokan vannak, megemlítem azokat, amelyeket a legjobbnak tartok. A képek online eszközökkel történő optimalizálásakor láthatja, hogy egyesek jobban teljesítenek, mint mások az egyes képek szerint.

🔹 Kraken.io

Azóta használom ezt az eszközt, amióta felfedeztem.

  • Tömörítse a képeket a minőség romlása nélkül. Az összes képet tömörítheti, amennyiben a fájlméret nem haladja meg az 1 MB-ot
  • Három tömörítési formátumot választhat, és importálhatja a fényképeket a DropBoxból, a Google Drive-ból és a Boxból.
  • Van egy beépülő modulja a WordPress számára
  • A prémium verzió lehetővé teszi a képek átméretezését, a weboldalon található összes kép optimalizálását, egyszerűen az URL megadásával. Kraken feladata lesz letölteni és optimalizálni.

Hátrányok:

  • Ez nem teszi lehetővé bármilyen minőségi beállítás elvégzését, mindez automatikus. Bár nem szükséges, mivel a kapott eredmény elég jó.
  • A kép mérete nem haladhatja meg az 1 MB-ot.

🔹 TinyPNG

Az eszköz előnyei:

  • Ez egy ingyenes eszköz, amely egyszerre akár 20 kép tömörítését is lehetővé teszi, képenként legfeljebb 5 MB méretben.
  • A képek tömörítése nagyon jó, és a minőségromlás nem észlelhető.
  • A képeket PNG formátumban tömörítheti anélkül, hogy elveszítené az átlátszóságot.
  • Ezt az eszközt egy általuk fejlesztett plugin segítségével lehet integrálni a Photoshopba.

Hátrányok:

  • Nincsenek tömörítési beállítások, csak feltölti és letölti a már optimalizált képet.

🔹 Jpeg tömörítése

Egy másik online eszköz a képek optimalizálására. Hoz A tömörítési szint beállításával jobb eredményeket érhet el mint más eszközökkel.

Néhány előnye:

  • Teljesen ingyenes
  • Legfeljebb 20 fotót tölthet fel
  • Tömörítse a fájlokat JPG, PNG vagy akár PDF formátumban.
  • Töltse le a tömörített képeket külön-külön vagy ZIP-fájlba csoportosítva.
  • Beállíthatja a tömörítési szintet, amelyet más eszközök nem kínálnak.

🔹 PunyPNG

Remekül működik, de a méretkorlátozás kényelmetlen lehet.

Előny

  • A többi eszközhöz hasonlóan ez lehetővé teszi akár 20 fájl egyszerre történő optimalizálását a minőség romlása nélkül.
  • JPEG, PNG vagy GIF formátumú fájlokkal működik.
  • Ha regisztrál, speciális tömörítési beállításokat kap.

Hátrányok

  • 500 KB-nál nagyobb kép nem tölthető fel.

✅ A WordPress beépülő moduljai a képek és fényképek optimalizálásához

Ha optimalizálni szeretné a már a WordPress szolgáltatásba feltöltött képeket, két lehetősége van: manuálisan (őrült módon) optimalizálja őket, vagy az alábbi bővítmények egyikével használja automatikusan.

🔹 Optimizer.io

Ez egy ingyenes plugin, amelyet a Webempresa hosting cég fejlesztett ki. A pluginben az a jó, hogy nem használja a szerver erőforrásait a képek optimalizálásához.

A képek optimalizálása a szervereiken történik a háttérben. Ami nagyon jó, mert nem befolyásolja a webhely teljesítményét.

🔹 WP Smush

Egy ingyenes plugin, amely a már feltöltött képeket 50x50-re tömöríti az ingyenes verzióval. Tömörítsen minden képet, amikor feltölti őket a WordPressre.

🔹 EWWW Image Optimizer

Lehetővé teszi a «Media» könyvtár összes képének tömeges optimalizálását.

🔹 JPEG és PNG képek tömörítése

Ez az online eszköz WordPress verziója, amelyet korábban említettem. Használatához regisztrálnia kell és be kell szereznie az API kulcsot.

Havonta legfeljebb 500 képet optimalizálhat ingyen. Jó kapcsolatot kínál a tömörítés és a minőség között

🔹 ShortPixel Image Optimizer

Plugin JPEG, PNG, GIF és PDF formátumú fájlok tömörítésére a WordPress alkalmazásban. Havonta legfeljebb 100 kép.

Az előző pluginhoz hasonlóan regisztrálnia kell magát az API kulcs megszerzéséhez és a használatához. Lehetővé teszi, hogy biztonsági másolatot készítsen a képekről optimalizálva őket arra az esetre, ha valami baj történne.

Kompatibilis a WooCommerce szolgáltatással, választhat veszteséges és veszteségmentes tömörítés között. Jól működik mind a HTTPS, mind a HTTP webhelyeken.

🔹 Kraken Image Optimizer

Ez a Kraken.io online eszköz bővítménye. Lehetővé teszi a médiatárban és a feltöltéskor már meglévő fényképek optimalizálását. Az ingyenes verzió havi 100 MB-ra korlátozódik.

Támogatja a JPEG, GIF és PNG formátumú fájlokat, amelyek maximális mérete 32 MB. A tömörítés a szervereiken történik, így regisztrálnia kell és be kell szereznie az API kulcsot.

🔹 Képzeld el a Képoptimalizálót

Ez egy jó hírű plugin, amely a többihez hasonlóan lehetővé teszi a WordPress képeinek tömörítését. Az ingyenes verzióval akár 25 MB-ot is tömöríthet havonta.

Három tömörítési szintje van: normál, Agresszív és Ultra. Kompatibilis a WooCommerce és a NextGen Gallery szolgáltatásokkal.

👉 Összefoglaló a képoptimalizálásról

Remélem, hogy a posztban kifejtettekkel már tudja, hogyan lehet optimalizálni a képeket az internethez.

Ez időigényes folyamat, de fontos, hogy megtegye, ha nem akarja, hogy ez befolyásolja a weboldal sebességét.

Ezeket a lépéseket kell követni:

  1. Tudja meg az ideális méretet.
  2. Hozza létre vagy méretezze át a képet az adott dimenziókkal.
  3. Használja a tömörítési eszközök bármelyikét online vagy asztali számítógépen.
  4. Töltse fel a képeket az oldalára.