méretének

Nem egyszer beszéltem önnel arról, hogy a lehető leggyorsabban be kell tölteni weboldalát, hogy megakadályozza, hogy az ügyfelek belefáradjanak a várakozásba és a versenytárs webhelyére.

Számos olyan tényezőt kell optimalizálnia, amely befolyásolja a weboldal betöltési sebességét.

Közülük az egyik, amelyet nagyon fontosnak tartok, az, hogy a webhelyén található képek mindegyikét megfelelően optimalizálják.

Ma 17 módszert szeretnék bemutatni nektek, hogyan csökkenthetjük és tömöríthetjük a weboldalunkon található fotókat, oly módon, hogy soha többé ne merüljön fel az a probléma, amelyet a webhelyünkön lévő képek örökké tartanak, hogy a felhasználók vagy a potenciális ügyfelek (a ennek következménye annak veszélye, hogy ugyanolyan gyorsan távoznak, mint ahogy jöttek).

Tartalomjegyzék

Mi optimalizálja a képeket egy weboldal számára?

A képoptimalizálási folyamat abból áll, hogy csökkenti ezek méreteit (szélessége és magassága) és súlyát (amit MB-ban vagy KB-ban foglal el) azzal a céllal, hogy a webhely betöltése ideje a lehető legrövidebb legyen.

Mindezt természetesen anélkül, hogy ez befolyásolná a képminőséget (legalábbis szabad szemmel).

Hiába csökkenti a weboldal méretét vagy tömöríti a fényképeket, ha azok rossz minőségűek, jelentősen rontják az Ön vagy vállalkozásának arculatát.

Nézzük meg ezt egy praktikusabb példával.

Képzelje el, hogy rendelkezik egy 4000 x 2000 képpont méretű, 4 MB súlyú fényképpel, és el szeretné helyezni azt a webhelyén.

Most képzelje el azt is, hogy a valóságban az a kép, amely webhelyén 300 x 150 pixel lesz.

Mint látható, a méret (és ennek következtében a súly) közötti különbség jelentős.

Ha az eredeti méretben felteszi a képet a webhelyére, akkor azt kéri, hogy annak a felhasználónak a számítógépe, aki meglátogatja, 4 MB-ot töltsön le, hogy egy 300 x 150 képpont méretű fényképet láthasson.

A súly és a letöltési idő, amely például egy okostelefonról látogató felhasználó számára valódi felháborodást és tiltó adatfogyasztást jelent.

Akár egy másik személy is, aki asztali számítógépről és normál ADSL-vonalon lép be a webhelyére.

Úgy hangzik, mintha meglátogatna egy weboldalt, és hogy egy kép "darabokban" és nagyon lassan töltődik be?

Arról nem is beszélve, hogy a kép, ha ekkora méretben csökkenti anélkül, hogy korábban optimalizálták volna, torzulhat.

Vagy ami ugyanaz, elveszíti a vizuális minőséget.

Ugyanolyan rossz nagyon nagy képet nagyon kicsi méretben elhelyezni, mint nagyon kicsi képet nagyon nagy méretben.

Ahogy látod, A fényképek tömörítése a minőség romlása nélkül szükséges és elengedhetetlen a weboldal sikeréhez.

Ha mindezzel, amit elmondtam, kezdi felismerni azt a súlyos problémát, hogy nem csökkenti a weboldalain lévő összes kép méretét és súlyát, biztos vagyok benne, hogy a következő kérdés, amelyet Önnek feltett magának:.

Hogyan csökkenthetem képeim és fotóim méretét?

A weboldalak képeinek vagy fényképeinek optimalizálásához alapvetően három lehetőség áll rendelkezésre.

1 # Grafikai tervezés vagy fotóretusáló programok

Számos olyan program létezik (mind fizetős, mind ingyenes), amelyek segítségével egyszerű és hatékony módon optimalizálhatja a képeket a webhelyéhez.

Ezekkel meghatározhatja azokat a méréseket, amelyekre szükség van minden olyan fényképhez, amelyet be kíván illeszteni a projektjébe.

De ez nem a legjobb. Van még egy érdekes dolog.

Ezeknek a programoknak általános szabályként van egy "Mentés webre" (vagy más hasonló nevű más) nevű opció, amely lehetővé teszi, hogy jelentősen csökkentse a képek súlyát anélkül, hogy gyakorlatilag minőséget veszítene az optimalizálási lehetőségektől függően. meg akarja jelölni mentés előtt.

2 # Online eszközök a fényképek vagy képek tömörítésére

Ezt a megoldást számos és sokféle webhely kínálja, amelyek megtalálhatók az interneten, és amelyekben elvégezheti ezt a feladatot anélkül, hogy bármilyen típusú szoftvert kellene telepítenie a számítógépére.

Némelyikük nagyon komplett és számos lehetőséget kínál a képek vagy fényképek nagyon intuitív, praktikus és egyszerű optimalizálására.

Természetesen szinte mindegyik arra összpontosított, hogy bármilyen típusú felhasználó használhassa, függetlenül az ilyen típusú grafikai tervezéssel vagy fotóretusálással kapcsolatos ismereteitől.

3 # beépülő modul a képek optimalizálásához a WordPress programban

Ismét a WordPress jelenik meg a segítségünkben, hogy a világ gyakorlatilag minden weboldalához elvégezzen egy szükséges feladatot.

A csodálatos tartalomkezelőhöz programozott egyes bővítmények telepítésével optimalizálhatja képeit a méretük csökkentése és a webhely betöltési idejének javítása érdekében.

"Oké Jose. De valami konkrétabbra van szükségem, mint ez az általános besorolás ".

Ne aggódj, nem hagylak téged mézzel az ajkaidon.

Olvassa tovább, és számos eszközt fog felfedezni (némelyik fizetős, mások pedig ingyenesek), hogy képesek legyenek tömöríteni a képek méreteit és súlyát.

FRISSÍTÉS (2020.01.24.). Az alábbiakban található eszközökön kívül, Hagyok neked egy videót magyarázó, hogyan lehet átméretezze a képeket és tömörítse a fényképeket a méret és a súly csökkentése érdekében és hogy tökéletesek az Ön weboldalához.

A videó magában foglalja annak lehetőségét, hogy mind a Photoshop alkalmazással, mind pedig az alább említett eszközök egyikével online és teljesen ingyenes legyen. Kezdje mától, és ne hagyja holnapra!

Programok, ingyenes online eszközök és bővítmények, amelyekkel fényképeket tömöríthet a weboldalain

1 # Photoshop

A világ vezető képszerkesztő programja nem hiányozhatott ebből a listából.

Az Adobe Photoshop alkalmazással csökkenthetjük minden olyan pillanatkép vagy ábra méretét, amelyet a Kép - Képméret opcióval szeretnénk bemutatni a weboldalunkon.

A méret konfigurálása és a weboldalunkra feltöltendő kép súlyának és minőségének optimalizálása érdekében csak a Fájl - Mentés webre gombra kell kattintanunk, hogy kiválasszuk az optimalizált fájlunk mentési formátumát. vagy az érdekeink alapján kívánt minőség.

Nem tudom, szeretné-e, hogy lépésről-lépésre bemutassam ezt, és elmélyüljek a "Mentés webre" opcióban. Ha igen, hagyjon nekem egy megjegyzést ugyanebben a bejegyzésben, és a jövőben is szem előtt fogom tartani. 😉

Logikus, hogy a szoftver "de" az, hogy fizetik. De ha nem akar egy eurót elkölteni egy ilyen típusú programra, a következő megoldás, amelyet hozok neked, segíthet.

2 # Gimp

Egy másik, a Photoshophoz hasonló program azzal a különbséggel, hogy teljesen ingyenesen letöltheti a weboldaláról.

Pontosan ugyanazokkal a lehetőségekkel rendelkezik, mint amelyeket az Adobe program fent említett, ezért csak tökéletesen optimalizálnia kell a Photoshop alkalmazásával megegyező lépéseket.

3 # Web Resizer

A Web Photo Resizer teljes képoptimalizálási szolgáltatást kínál számunkra a weboldalunkhoz ... és még valami mást.

Ezzel az online eszközzel nemcsak a fényképeket tömörítheti, hogy csökkentse a webhely betöltési idejét, hanem más további lehetőségekkel is rendelkezik, például a kép elforgatásával, ezek expozíciójának, kontrasztjának vagy telítettségének megváltoztatásával, sőt a szín határainak hozzáadásával akarsz. akarsz.

Kétségtelen, hogy ez egy nagyon komplett eszköz a fényképek méretének csökkentésére vagy a fényképek tömörítésére.

4 # ReducePhotos.com

Egy másik nagyon hasznos online eszköz, amellyel tömörítheti a fényképeket és csökkentheti azok méretét azzal a lehetőséggel, hogy különböző formátumokban exportálhat, például JPG, PNG vagy akár PDF.

Számos további opcióval is rendelkezik, például vágás, átméretezés, forgatás, átfordítás, geometriai ábrák rajzolása vagy szövegek hozzáadása a képeinkhez.

5 # Képoptimalizáló

Rendkívül könnyen használható. Így határozható meg ez a másik online segédprogram a webhelyen található képek méretének csökkentése érdekében.

Mindössze annyit kell tennie, hogy feltölti a fényképet, kiválasztja a kívánt minőséget, maximális szélességet és magasságot, majd a gombra kattintva optimalizálja a képet a számítógépre való letöltéshez.

Nagyon egyszerű, igaz?

6 # TinyPNG

Ez az eszköz lehetővé teszi számunkra, hogy az Ön weboldaláról legfeljebb 20 fájlt töltsünk fel egyenként, legfeljebb 5 MB-mal, és tömörítsük a súlyukat (és ne a méretüket).

Bár első pillantásra kissé korlátozottnak tűnhet, az igazság az, hogy ez bizony a ma létező egyik leghatalmasabb.

Ennek oka, hogy szelektíven csökkenti a kép színeinek mennyiségét anélkül, hogy módosítaná a méreteit egy "veszteséges" nevű tömörítéssel.

Ezenkívül a TinyPNG felajánlja egy ingyenes plugin letöltését a WordPresshez és egy fizetettet a Photoshophoz.

Mi kell még nekem, hogy el kell kezdenem használni?

Természetesen inkább a PNG fájlokra összpontosít. JPEG-fájlokról lásd a következőket.

7 # TinyJPEG

Ugyanazoktól az alkotóktól, mint az előző eszköz, ugyanazokkal a lehetőségekkel és egyetlen különbséggel: a JPEG fájlokra összpontosítva.

8 # Compressor.io

Egy másik eszköz a fényképek és képek szuper egyszerű, professzionális módon és weboldaláról történő tömörítésére anélkül, hogy bármilyen programot le kellene töltenie vagy telepítenie a számítógépére.

Lehetősége van akár 4 formátum (JPEG, PNG, GIF és SVG) és 2 típusú, Lossless és Lossy nevű tömörítés exportálására.

A különbség az egyik és a másik között az, hogy az első típus a képminőség optimalizálását részesíti előnyben még akkor is, ha a kapott fájl nagyobb, míg a második lehetővé teszi a méretek akár 90% -kal történő csökkentését a kép minőségének rovására. egy kicsit több.

9 # Smush.it

Korábban már meséltem erről az eszközről ... emlékszel?

A Smush.it (vagy a WP-Smush) egy bővítmény a fényképek méretének csökkentésére vagy a fényképek tömörítésére a WordPress programban. Biztosan az egyik legismertebb és használt ma erre a feladatra.

Az a jó ebben a bővítményben, hogy csak annyit kell tennünk, hogy telepítjük a weboldalunkra, és egyedül ez fogja elvégezni az összes optimalizálási munkát, valahányszor képet töltünk fel a weboldalunkra.

Természetesen: csak a kérdéses fénykép súlyát csökkenti, a méreteket nem.

10 # Kraken.io

A Compressor.io-hoz hasonlóan a Kraken lehetővé teszi, hogy fényképeit tömörítés nélkül és tömörítéssel tömörítse.

A Kraken.io egy kicsit megkönnyíti ezt a feladatot az Ön számára, különféle stratégiáival a feltöltött képek átméretezésére, valamint rögzített szélesség és magasság beállítására, hogy tökéletes legyen az optimalizálás.

11 # ImageOptim

Ez egy letölthető program Mac felhasználók számára, és használatához telepítenie kell a számítógépére.

Személy szerint még nem próbáltam ki, mivel (még) nincsenek Apple készülékeim. De az interneten látottak alapján ez egy nagyon egyszerű és hatékony eszköz a fényképek tömörítésére.

Ezenkívül teljesen ingyenes. Mit akarhat még?

12 # Shrink O’Matic

Egy másik kiváló minőségű letölthető program a weboldal képeinek méretének és súlyának csökkentésére.

Ha azt mondjuk, hogy ez az alkalmazás az Adobe AIR-től származik, az már nagyon sokat mond nekünk.

Átméretezheti a JPG, PNG és GIF fényképeket, azon kívül, hogy lehetősége van az optimalizált képek elforgatására, elnevezésére vagy akár vízjelére is.

13 # Dinamikus meghajtó-optimalizáló

Ez egy rendkívül egyszerű online eszköz, de hiányzik számos lehetősége, amelyet más alkalmazásokban is kínálunk.

A Dinamikus meghajtó-optimalizálóval fotóit legfeljebb 2,86 MB súlyig tömörítheti. Csak be kell töltenie a kérdéses képet, és ki kell választania, ha GIF, PNG vagy JPG formátumban szeretné exportálni.

Az optimalizálás gomb megnyomása után az eszköz különféle minőségű tömörített képet kap.

A rossz dolog az, hogy a fotó tömörítésekor nem tudja eldönteni a szélességet és a magasságot, és alkalmazkodnia kell ahhoz, amit a Dynamic Optimizer ebben a tekintetben dönt.

14 # ConvertImage

Egy másik nagyon egyszerű módszer a képek tömörítésére.

A ConvertImage alkalmazással csak a fényképet kell betöltenie az online alkalmazásába, majd ki kell jelölnie a kívánt tömörítési százalékot.

Hátrányként elmondom, hogy nem választhatja ki az optimalizált kép méretét vagy a formátumot, mivel a ConvertImage csak JPG formátumban exportálja a kapott fájlokat.

15 # PunyPNG

Bár a PunyPNG nagyon jól tömöríti a JPG, PNG vagy GIF képeket, az az igazság, hogy személy szerint ez az egyik, amit a legkevésbé szeretem a korlátozásai miatt.

Ez az online képtömörítő, ingyenes verziójában és regisztráció nélkül, csak legfeljebb… 500 KB méretű képek tömörítését teszi lehetővé!

Kétségtelen, hogy ez egy olyan dolog, amely messze elmarad a többi lehetőségtől, amelyeket már említettem ebben a cikkben. Bár az is igaz, hogy van egy Pro verziója, amely kibővíti a funkcionalitását.

16 # CompressNow

Ez egy olyan eszköz, amellyel a fényképeket olyan egyszerűen tömörítheti, amennyire hasznos és praktikus.

Csak annyit kell tennünk, hogy feltöltöttük a legfeljebb 9 MB súlyú fényképünket, kiválasztjuk a kívánt tömörítési szint százalékos arányát, és kattintsunk a "Tömörítés" gombra.

Ez az online szolgáltatás automatikusan elkészíti a teljesen optimalizált képet a maximálisan megengedett méret alapján az Ön által megadott százalék alapján, és elmenti az arányokat.

17 # Kép zsugorítása

Teljes online eszköz, amely lehetővé teszi a fényképek méretének csökkentését, nagyon kevés minőségromlással.

Számos lehetősége van a fényképek tömörítésére, amelyek teljesen megfelelnek az Ön igényeinek.

Ezek a lehetőségek a következőket tartalmazzák: válassza ki a fénykép maximális szélességét pixelben vagy százalékban, a speciális effektusok alkalmazásának lehetőségét a kapott fájlra vagy a tömörített fénykép végső minőségi szintjének meghatározását.

Befejezni…

Ez csak néhány a sok eszköz közül, amelyekkel gyakorlatilag bármilyen minőség elvesztése nélkül csökkentheti a fényképek méretét vagy tömörítheti a fényképeket.

Mondtam neked azokról, amelyeket ismerek, de biztos vagyok benne, hogy ha a Google-on keres, akkor még sok olyan dolgot talál, amely tökéletesen megfelel bármilyen igényének.

A cikk elolvasása után biztos vagyok abban, hogy a webhelyén található képek vagy fotók soha nem fognak örökké betöltődni.

Ismersz még olyan eszközöket, amelyeknek szerinted szerepelnie kellene ezen a listán?

Merje egy kicsit alább hagyni hozzászólását, és folytatjuk a beszélgetést.