tömörítése

Más cikkekben már kommentáltuk a képek fontosságát a webdesignban.

A vállalatok jól tudják a felhasználókra gyakorolt ​​vizuális hatás fontossága a webdesignban. Egy weboldalon az első benyomás nagyon fontos. A weboldalak hatalmas kínálata miatt, a felhasználónak a lehető leggyorsabban meg kell találnia azt, amit keres ehhez pedig a képek alapvető eszköz.

De ez nem elég. Amellett, hogy vonzóak és hatékonyak a webdesign kommunikációjában, optimalizálni kell őket, és kell is minőségi és nagyon könnyűnek kell lennie. Erről ebben a cikkben fogunk beszélni.

A képek túl nagy mérete és súlya amely egy weboldalt tartalmaz, az egyik fő oka annak, hogy hosszú időbe telik a betöltése.

És ha nem tudta, a betöltési idő egyike azon sok tényezőnek, amelyet a Google figyelembe vesz az Ön webhelyének pozícionálásakor.

Ráadásul ez a gyenge betöltési sebesség az online fotók nagy mérete miatt nagyban befolyásolja a felhasználói élményt is.

Miért kellene csökkentenünk a weboldalunkon található képek méretét?

Csökkentse vagy tömörítse a fényképek méretét néha az egyik olyan cselekvés, amelynek nem tulajdonítunk nagy jelentőséget weboldalunk tervezésénél ... de ez számos előnnyel járhat.

"A képek tömegének optimalizálása javítja weboldalunk betöltési idejét vagy blog, és segít javítani a pozícióját "

A fénykép méretének tömörítésével a legnagyobb és legfontosabb előny, hogy növeltük a rakodási sebességet weboldalunkról.

Alacsony betöltési idővel rendelkező webhely javítja a felhasználói élményt és segít nekünk abban csökkentse a visszafordulási arányt az oldal.

Minél hosszabb ideig tart egy weboldal betöltése, annál nagyobb az esélye annak, hogy az olvasó bezárja az Ön weboldalát, és egy másik után kutat.

Kényelmes ellenőrizni a weboldal működését, elkészíteni a sebességtesztet a webhelyére. Javaslom az eszköz használatát PageSpeed ​​Insights a Google.

Az egyik ajánlás, amelyet minden sebességteszt ad, a képek optimalizálása a méretük csökkentésével.

A másik előny, amelyet az online fotók súlyának csökkentéséből adunk, az, hogy csökkentjük az adatátviteli fogyasztást is. Ami feltételezheti a tárhelyünk megfelelő működését.

A cikk végén megmutatom ingyenes online fotószerkesztők vagy eszközök listája így csökkentheti fotóinak súlyát, mielőtt feltöltené őket az internetre. De előbb szeretnék adni neked tippek a képek használatához.

Hogyan használhat és optimalizálhat egy képet a webhelyéhez?

1. Képméret

A kép mérete a fénykép pixelben kifejezett méretei. Ha a cikkhez 300 × 300 képpont méretű képre van szüksége, ne használjon nagyobb fényképet, majd ugyanabban a cikkben csökkentse a méretét.

Jobb, ha már ideális méretben optimalizáltad az internetre. Mivel több pixel nehezebb fájlokat eredményez, és ezt el akarjuk kerülni.

2. Képformátum

A webtervezés során használt két legfontosabb formátum a 2: jpeg és png.

Az egyes képtömörítési formátumok használata nagyon egyszerű.

Mentjük a bonyolult fényképek, sok színnel és színátmenettel, JPG kiterjesztéssel. Mivel algoritmusa jobb képtömörítési eredményeket ad.

Sima vagy átlátszó képekhez, például vektoros rajzok, logók vagy nagy színű színterű fotók, a png kiterjesztés. Mielőtt az ilyen típusú képeket egy gif kiterjesztéssel mentették volna, de a png kiterjesztés mellett egyre nagyobb teret hódít.

3. Fájlnév

Igen, a név is fontos. Segíteni helyezze el magát a keresőben a Google-képekből. Nem ugyanaz a fénykép, amelynek neve ciudad-1354.jpg, barcelona-noche.jpg. Csak a név megnézésével az egyik többet mond neked, mint a másik.

Nos, ez rendben van, de Hogyan optimalizálhatom a képeket a weboldalamon?

Ingyenes online fotószerkesztők a tömeg optimalizálása, a méret csökkentése vagy a fényképek tömörítése nélkül, minőségük romlása nélkül

1) Smush.it

Ha nem akarja bonyolítani, a legegyszerűbb lehetőség, ha WordPress-t használ. Ez egy plugin, amelyet a tartalomkezelőbe telepítenek, és automatikusan működik, minden alkalommal, amikor feltölt egy képet, csökkentve annak méretét.

két) Compressor.io

Ez a program a weblap képeinek csökkentésére lehetővé teszi az eredeti súly 90% -áig.

Nagyon könnyen használható, és lehetővé teszi akár 10 Mb méretű fényképek feltöltését és a tömörítés típusának kiválasztását. Csökkentheti a fénykép méretét a képminőség romlása (alacsonyabb tömörítés) vagy veszteség (nagyobb tömörítés) nélkül.

3) Apró PNG

Ez az online képek méretének csökkentésére szolgáló program, amely egyszerre akár 20 kép feltöltését is lehetővé teszi, egyenként legfeljebb 5 Mb sebességgel. Ez egy jó lehetőség, ha nagy képgalériát kezel.

4) Web Resizer

A weboldalainkon vagy e-mailjeinkben használt képek optimalizálására szolgáló online eszközben az a jó, hogy lehetővé teszi egy másik műveletsorozat elvégzését is, például a méret megváltoztatását, kivágását, kicsinyítését, forgatását

5) Képoptimalizáló

Csak fel kell töltenie a fényképet, meg kell adnia a kép végleges méretét, ő pedig elvégzi a többit. Semmi más miatt nem kell aggódnia a weboldalon használt képek méretének csökkentése vagy tömörítése nélkül, a minőség romlása nélkül.

6) Optimizilla

Ez egy nagyon egyszerű eszköz a képek méretének tömörítésére. Csak fel kell töltenie a tömöríteni kívánt fényképeket, egyszerre legfeljebb 20-at. Néhány indexképen megmutatja, hogy a fájl méretének hány százalékos csökkenése érhető el.

Mi lenne? Könnyen csökkenthető a képek súlya a webhelyén?

Utolsó dolog, ne felejtsd el mindig ellenőrizni a cikkeidben használt képek licencét. Még akkor is, ha képeket használ a Creative Commons licencek, mindig idézd a forrást.

Tömörítse a méretet, és csökkentse a fényképeket a megfelelő méretre, ez egy gyakorlat, amelyet minden alkalommal meg kell tennünk, amikor fényképet töltünk fel az internetre.

Az ingyenes online fotószerkesztők (vagy az interneten található fényképek tömörítésére szolgáló eszközök) felsorolásával, amely ebben a bejegyzésben szerepel, nem telik el két perc, amíg a webhelyre feltöltött minden képhez tökéletes méretet hagy a minőség romlása nélkül.