A tudatlanság vagy lustaság miatt általában elhanyagolt szempont az képek webekhez és blogokhoz. Meg kell találni az egyensúlyt a minőség és a súly között, hogy vizuálisan jól nézzen ki, anélkül, hogy nagyon nagy felbontásúak és túlzott súlyúak lennének, mivel a webes megjelenítés nem igényli ezen követelmények egyikét sem, a nyomtatási kérdés egy másik kérdés.

Tartalomjegyzék

Ez az egyensúly nem szeszélyből vagy véletlenül történik, mivel számos nagyon súlyos oka van annak, hogy miért kell nagyon odafigyelni, vegye figyelembe:

anélkül hogy

  • Átalakítás: Egy olyan weboldalon, ahol a képek betöltési ideje alacsony, több lehetősége van megtartani egy felhasználót, és potenciális vásárlóvá tenni őket. Legtöbbször a felhasználóknak nincs sok türelmük, és a hosszú betöltési idők miatt elveszítheti a potenciális ügyfeleket.

  • SEO: Minden hatalmas A Google figyelembe veszi a betöltési időket, az eszközökhöz való alkalmazkodás és az optimális navigálhatóság, többek között, ezért ez kulcsfontosságú pont weboldalunk számára. Figyelembe veszik, hogy a felhasználó élvezi a sima és pozitív navigáció, és ez közvetlen hatással van a webhelyének elhelyezésére, jutalmazza Önt, ha jó, vagy más módon büntet.

  • Vizuálisan: A képek minősége vizuálisan is nagyon fontos. A jó minőségű képeket tartalmazó weboldal vagy blog a komoly arculat vagy szakmaiság a vállalkozásunkról, valami nagyon fontos, tekintettel a hálózat magas versenyszintjére.

Jó tudni a létező különböző formátumokat.

  • PNG: Ez a legideálisabb formátum a weboldalunkon található képekhez, különösen a logók, képek nagy fehér háttérrel, geometriai és lapos színekkel, és főleg háttér nélküli képekhez (átlátszó háttér). Veszteségmentes képformátum, így még akkor is, ha nem csökkenti annyira a súlyt, mint a JPG, a minőség magasabb lesz.

  • JPG: Tökéletes jó minőséget és részletességet igénylő fényképek, meglehetősen kis súlynál. Veszteséges tömörítési formátum, ezért a méret csökkentésével elveszítjük az élességet, ahogy mindig mondom, meg kell találni az egyensúlyt, látni a határt, hogy a kép első pillantásra ne veszítse el a minőségét, ugyanakkor fogyjon maximálisan lehetséges.

  • GIF: Ez kissé elavult formátum, csak az volt animációk.

  • EPS/SVG: A fontosságát vektoros képek egyre jobban láthatóvá válik. Alkalmazhatók ikonokon és logókon, és bármilyen méretre vagy felbontásra méretezhető, minőségi veszteség nélkül, mivel a vektoros formátum matematikai attribútumok sorozatából áll, amelyek ezt támogatják, összehasonlítva a korábbi formátumokkal, amelyek raszterizált formátumok, pixelekből állnak.


JEGYZET : Opcióval történő mentéskor Összefonódott (ha PNG) vagy Haladó (ha JPG), akkor a webes terhelést progresszívvé tesszük, vagyis alacsony felbontással jelenik meg, és miközben betölti az élességét, javul. Ha nem ezt a lehetőséget választjuk, akkor a kép betöltés közben jelenik meg, ami vizuálisan nem biztos, hogy olyan jó.

Számos lehetőség kínálkozik képeink optimalizálására.

A főbb fotóretusáló és tervező programok, mint például a Photoshop és az Illustrator, megadják a lehetőséget Mentse közvetlenül webre, A megnyíló panelből már kiválasztjuk a különböző lehetőségeket, minőségeket és formátumokat, egy olyan előnézettel, amely segít megismerni a végső súlyt és annak minőségét (élességét). Ebben a két programban megtaláljuk a Fájl> Mentés webre ...

Számos speciális program telepíthető PC-re vagy MAC-re, hogy csökkentse a képek súlyát. Minden operációs rendszerhez egyet hagyunk:

Riot (PC)

Ez egy kicsi ingyenes program a Windows számára lehetővé teszi számunkra a képek súlyának csökkentését anélkül, hogy közben sok minőséget veszítenénk. Amikor kinyitja és betölti a képet, egyszerre mutatja meg az eredeti és az optimalizált eredményt, látva, hogy a képünk hogyan fog kinézni a módosítások alkalmazásakor.

A program sok képformátumot támogat, köztük a Photoshop PSD-jét, de az eredményt csak három típusban tudjuk menteni: JPEG, GIF és PNG.

Optimalizálja a képeket, így kevesebb lemezterületet foglalnak el és gyorsabban töltődnek be, mivel jobb tömörítési beállításokat találnak és eltávolítják a felesleges megjegyzéseket és a színprofilokat. Támogatja a PNG, JPEG és animált GIF fájlokat.

Mindenesetre úgy gondoljuk, hogy az online rendszer gyorsabb és ugyanolyan hatékony, kivéve, ha nagy számú képet kell csökkenteni, vagy ha ezt a folyamatot folyamatosan végezzük.

Számos olyan webhely létezik, ahol akár 90% -kal is csökkenthetjük képeink súlyát, anélkül, hogy elveszítenénk a minőséget. Ezt a 3 webhelyet javasoljuk:

Tömörít és optimalizál közvetlenül az internetről, és 4féle formátumot támogat, a leggyakoribb: JPEG, PNG, GIF és SVG. Két lehetőséged van: a Lossless, amely hűen fenntartja a képminőséget, bár nem csökkenti a súlyt maximálisan, és a Lossy, amely 90% -ig csökkenti a képet, bár kissé rontja a képminőséget. Fel kell mérnünk, melyik lehetőség érdekel minket a legjobban.

Szakterülete: JPG és PNG tömörítés (illetőleg).

A TyniPNG intelligens Lossy tömörítési típust használ a PNG fájlok méretének csökkentése érdekében, csökkentve a kép színeinek számát, így kevesebb bájt tárhelyre van szükség. Ez alig látható, de a méretbeli különbség nagy. Teljes mértékben megőrzi a háttér átlátszóságát.
MEGJEGYZÉS: Van egy beépülő modul a WordPress és a Photoshop számára.

A TyniJPEG ugyanezt teszi, de JPG fájlokkal, és az is képes a fájl méretének akár 70% -ra történő csökkentésére, anélkül, hogy egyetlen pillantásra elveszítené a minőségét.

Teljesítményében nagyon hasonlít a korábbiakhoz, a Lossy és Lossless rendszerrel, hozzátéve, hogy a kép marad letöltés 12 órára.

Ezen kívül van egy Pro számla opció, néhány extrával jár: tömörítse a képeket URL-en keresztül, válassza ki a tömörítés után a szélességet és a magasság méretét, töltsön fel 16 MB-os fájlokat, és egy felhő segítségével bárhonnan elérhesse fájljait.

A WordPress-ben lévő képek optimalizálásához különböző bővítményekkel rendelkezünk.

A legismertebb, hogy automatikusan csökkenti a weboldalon található képek méretét. A yahoo és a Smush it API-ján alapszik mindent automatikusan elvégez, csak telepítenie kell, és minden feltöltött kép automatikusan optimalizálódik. Ha a telepítéskor már vannak feltöltött képei, akkor lehetősége van mindet egy kattintással optimalizálni.

A másik leggyakrabban használt, és nagyon hasonló az előzőhöz, automatikusan csökkenti képeink súlyát, mind azokat, amelyeket feltöltöttünk, mind azokat, amelyeket már feltöltöttünk.


A mi szempontunkból, a képfeldolgozásnak és az optimalizálásnak meg kell adni a megérdemelt fontosságot, az összes elemzett szempontból. Ha Ön egyike azoknak, akik saját képeket készítenek, tervezési vagy fényképészeti szinten, maguk a tervező programok már tökéletesen optimalizálják ezeket a képeket, figyelembe kell vennie a méretet, mivel a legjobb, ha pontosan azt a méretet állítja be, amelyet szeretnénk, és ne méretezze át.

Ha nem ezt a típusú programot használja, a legjobb online kompresszort használni, mivel tökéletesen működnek, és pillanatok alatt tömöríti a képet, és készen áll a feltöltésre a webhelyére. Ha közvetlenül a WordPress programot használja az ajánlott bővítmények egyikével.

Meg kell említeni a képernyők felszállását Retina vagy 2k, különösen az Apple világában. Jelenleg a legmegbízhatóbb megoldás az, ha megduplázzuk a képek felbontását, hogy azok tökéletesen láthatók legyenek, és ha jól csináljuk, ezek súlya nagyon kevéssé fog növekedni. A megjelenített képernyő típusától függően vannak megoldások a képek egy vagy másik felbontásban történő megjelenítésére.