Optimalizácia obrázkov pre web Tu je postup; s
Ak sa chcete zobraziť v hornej časti zoznamu prístupov Google, musíte pri optimalizácii svojich webových stránok zvážiť niekoľko vecí. Doba načítania webovej stránky je tiež jedným z faktorov hodnotenia. Ako ich vylepšiť optimalizáciou obrázkov pre web sa dozviete v tomto článku.
Existuje viac ako 200 faktorov hodnotenia, ktoré určujú pozíciu, na ktorej sa webová stránka zobrazuje vo vyhľadávaní Google na webe. Medzi hlavné kritériá určite patrí jedinečný obsah, miera prekliknutia a spätné odkazy. Ale technické aspekty, ako napríklad doba načítania webových stránok, tiež zohrávajú úlohu, ktorú netreba podceňovať. Každý, kto skúma súčasné trendy SEO pre rok 2017, nájde to, čo hľadá: Google chce v budúcnosti prikladať väčší význam času načítania a horšie hodnotiť pomalé stránky. Vhodný čas na prispôsobenie webových stránok pre budúci rok.
Dostaňte sa tam rýchlejšie: prečo by ste mali zmenšiť obrázky a fotografie na webe
Je teda najvyšší čas podrobne sa pozrieť na výkonnosť vlastnej stránky a optimalizovať ju. Ale kde začať? Nakoniec môže mať na čas načítania vplyv veľa faktorov. Je rozumné najskôr nájsť vážne výkonné prasatá. Môže to zahŕňať aj obrázky na webových stránkach. Neoptimalizované obrázky sú zvyčajne veľké a spôsobujú dlhé načítanie. To naštve nielen prehľadávače Google, ale aj všetkých používateľov smartfónov, ktorí chcú mať rýchly prístup k vášmu obsahu. V nasledujúcej časti uvádzame tri spôsoby, pomocou ktorých môžete svoje obrazové súbory zjednodušiť pre web.
Optimalizujte obrázky pre web: otestujte rýchlosť webu
Najskôr by ste mali určiť, či vaše fotografie potrebujú chudnúcu diétu. Sú súbory uložené športovo alebo máte v bokoch príliš veľa kilobajtov? Samozrejme, aby ste to zistili, nemusíte počítať sekundy, kým sa váš web dokončí načítanie - existujú na to online nástroje. Odporúča sa napríklad GTmetrix. Tento bezplatný nástroj určuje výkonnosť jednotlivých adries URL a poskytuje vynikajúce rady o zvyšovaní efektívnosti. Takže aj rada na optimalizáciu obrázkov pre web:
Screenshot cez gtmetrix.com
Bingo: Vo vyššie uvedenom príklade analytický program určil, že je ešte čo doháňať, pokiaľ ide o veľkosť obrázkov pre internet. Opatrenie „Optimalizovať obrázky“ dokonca dáva nástroju vysokú prioritu. GTmetrix zobrazuje optimálnu veľkosť obrázka pre web a naznačuje, koľko obrázkov je možné komprimovať. A to nie je úplne malé: v tomto príklade je možné zníženie o 20 až 45 percent.
Program poskytuje optimalizované verzie súborov bacuľatých kandidátov. To je samozrejme skvelé, ale nie trvalé riešenie. Ako sa teda dajú v budúcnosti vypočítať obrázky od začiatku?
Správna kompresia obrázkov pre web
Čím väčší je obrazový súbor, tým dlhšie trvá načítanie. Z dôvodu predĺženia doby načítania webovej stránky je preto potrebné komprimovať obrázky silnejšie - ale s najlepšou možnou kvalitou obrazu. Zvyčajné maximum pre veľkosti obrázkov je 150 až 200 kilobajtov. Všetko vyššie je príliš veľké! Výnimkou sú pozadia, ktoré ležia rovno za obsahom webových stránok alebo grafiky s dlhým posúvaním. S nimi sú tolerovateľné trochu väčšie súbory, aby sa zaistila najlepšia možná kvalita obrazu. Všetko ostatné by malo byť čo najtenšie a najmenšie. Riešenie: Vďaka správnej technológii kompresie môžete nechať kilobajty spadnúť a vyťažiť z každého obrazového súboru maximum. Týmto spôsobom je možné obrázky optimalizovať pre web a často sa dokonca dostanú hlboko pod hranicu 150 kilobajtov.
# 1 Diéta založená na počítači: Adobe Photoshop
Adobe Photoshop ponúka nielen vynikajúce možnosti úprav obrázkov. Softvér tiež umožňuje optimalizovať obrázky pre web. Výhoda: Ihneď po spracovaní je možné obrázky uložiť čo najkomprimovanejšie. Photoshop potom vydá štíhle súbory, ktoré stačí nahrať do webového priestoru. Zodpovedná funkcia sa nazýva „Ukladanie obrázkov na web“. To možno použiť na kompresiu všetkých typov obrázkov pre web:
Screenshot cez Adobe Photoshop
Pokiaľ súbory nie sú grafikou, animovanými súbormi alebo obrázkami s priehľadnosťou, ako formát súboru by sa mal vždy použiť JPEG. Tu môžete pomocou posúvača kvality nastaviť optimálny pomer medzi veľkosťou súboru a kvalitou obrazu. Dobré a bežné riešenie je vysoká kvalita s hodnotou medzi 50 a 60.
# 2 Komprimovať obrázky: Môžete to robiť aj online
Ak si nechcete Photoshop dovoliť, môžete samozrejme prejsť na iné nástroje. Na webe je množstvo bezplatných online nástrojov, ktoré môžete použiť na optimalizáciu obrázkov pre web. Príklad: Optimizilla. Program založený na prehliadači používa svoje vlastné kompresné algoritmy a pre Internet dokonca umožňuje zmenšiť súčasne niekoľko obrázkov.
Screenshot cez optimizilla.com
Rovnako ako vo Photoshope, nástroj dosahuje ideálnu rovnováhu medzi kvalitou obrazu a veľkosťou súboru. Ukážka je k dispozícii aj pre počítačovú verziu webu. Tu je možné porovnať pôvodný súbor s komprimovanou verziou. Požadovaný výsledok: vysoká kompresia a dobrá optická kvalita obrazu.
# 3 Zmenšovanie obrázkov pre web: pohodlné riešenie
Najjednoduchším riešením na optimalizáciu obrázkov na webe je inštalácia doplnku do systému na správu obsahu. Po nahraní nových obrázkov sa prípona automaticky skomprimuje na najlepšiu možnú veľkosť súboru. Dobrým príkladom pre WordPress je EWWW Image Optimizer. Doplnok optimalizuje obrázky na webe úplne automaticky.
Screenshot cez wordpress.org
Veľkou výhodou zásuvného riešenia je, že sa už nemusíte starať o kompresiu obrázkov. Ak však vytvárate obrázky pre web v mene iných, bude stačiť ktorékoľvek z predchádzajúcich dvoch riešení.
Záver
Na webe existuje veľa nástrojov na optimalizáciu obrázkov. Buď sa spoľahnete na plne automatické riešenie doplnku, alebo použijete program ako Photoshop, pomocou ktorého sami určujete kompresiu svojich obrázkov. Platí tu však to isté ako pri zdravom chudnutí: Ak chcete príliš veľa príliš rýchlo, nedosiahnete dobré výsledky. Pri manuálnej kompresii musíte byť vždy opatrní a nájsť zdravú rovnováhu medzi silou kompresie a kvalitou obrazu.
(3 hlasy, priemer: 4,67 z 5)