Znížte veľkosť obrázka, aby sa fotografie načítavali rýchlejšie na webových stránkach
Obrázky, ktoré sú príliš veľké, sa na webových stránkach rýchlo nenačítajú a používatelia pravdepodobne opúšťajú vaše stránky, ak sa obrázky načítajú. Ale ako urobíte obraz menšie bez toho, aby ste stratili detaily? Tento článok vás prevedie celým procesom.
Ako obmedziť veľkosť obrázka
Pred zmenou veľkosti obrázka pre web musíte obrázok orezat 'a odstrániť zbytočné časti obrazu. Po orezaní môžete zmeniť celkové rozmery pixelov, aby ste mohli ešte menšie.
Všetok softvér na úpravu fotografií bude mať príkaz na zmenu rozmerov pixelov obrázka. Vyhľadajte príkaz s názvom Veľkosť obrázka , Zmena veľkosti alebo Resample . Ak použijete jeden z týchto príkazov, zobrazí sa dialógové okno pre zadanie presných pixelov, ktoré chcete použiť. Ďalšie možnosti, ktoré nájdete v dialógovom okne, sú:
- Prevzorkovanie: Ak je záber nasnímaný pomocou technológie DSLR, je pravdepodobnosť, že má rozlíšenie 300 pixelov na palec (ppi). Ak je to tak, znížte hodnotu na 72 alebo 100 a fyzický rozmer obrazu sa tiež zníži. Pri používaní obrázka na webe nikdy nezvyšujete hodnotu.
- Obmedziť proporcie alebo zachovať pomer strán: Chcete, aby táto možnosť bola povolená. V programe Photoshop kliknite na možnosť na prepojenie hodnôt šírky a výšky . Zabraňuje tomu, aby bol obraz roztiahnutý a skreslený. Ak je táto voľba zapnutá, stačí zadať iba jednu hodnotu - výšku alebo šírku - a druhá hodnota sa automaticky upraví.
- Zmena hodnoty rozlíšenia: Pred zmenou hodnôt šírky a výšky zmeňte rozlíšenie na nižšie číslo - nazýva sa vzorkovanie. To tiež znižuje hodnoty šírky a výšky, takže zmena týchto hodnôt pred downsampling by mohla urobiť obraz menšie, než chcete mať.
Formát súboru je kľúčom
Online obrázky sú zvyčajne vo formátoch .jpg alebo .png . Formát .png je trochu presnejší ako formát .jpg, ale súbory .png majú tiež mierne vyššiu veľkosť súboru. Ak obrázok obsahuje priehľadnosť, musíte použiť formát .png a uistite sa, že ste vybrali možnosť Priehľadnosť .
Obrázky JPG sa považujú za stratové. Voľné vysvetlenie je, že sú také malé, pretože oblasti súvislej farby sú zoskupené do jednej oblasti, čo znižuje potrebu pamätať si farbu každého pixelu v obraze. Množstvo kompresie sa určuje použitím funkcie Posuvník kvality vo Photoshope. Hodnoty sa pohybujú v rozmedzí od 0 do 12, čo znamená, že čím je číslo nižšie, tým je nižšia veľkosť súboru a viac stratené informácie. Hodnota 8 alebo 9 je bežná pre obrázky určené pre web.
Ak ste používateľom služby Sketch 3, môžete nastaviť kvalitu po kliknutí na tlačidlo Exportovať na paneli Vlastnosti . Zobrazí sa vám posuvník kvality, ktorý sa pohybuje od 0 do 100%. Spoločná hodnota kvality je 80%.
Pri výbere úrovne kompresie udržujte kvalitu v strednom až vysokom rozmedzí, aby ste sa vyhli kompresným artefaktom.
Nikdy nestlačte jpg obrázok. Ak ste dostali už komprimovaný jpg obrázok, nastavte jeho kvalitu na 12 vo Photoshope alebo 100% v náčrte 3.
Ak je obrázok malý alebo obsahuje plné farby, zvážte použitie obrázka vo formáte GIF. To je obzvlášť užitočné pre jednobarevné logá alebo grafiku neobsahujúce žiadne odtiene farby. výhodou je možnosť znížiť počet farieb v palete farieb, ktorá má veľký vplyv na veľkosť súboru.
Nikdy nezmeniť veľkosť a prepisovať pôvodný súbor!
Po dimenzovaní veľkosti obrázku nezabudnite urobiť funkciu Uložiť ako tak, aby ste neprepísali pôvodný súbor s vysokým rozlíšením. tu je niekoľko tipov:
- Chcete snímať na veľkosť súboru 50 až 250 KB na obrázok. Pokračujte malý, ak budete na jednu stránku umiestňovať niekoľko súborov alebo ich budete posielať jedným e-mailom.
- Pokúste sa neprekročiť 1000 KB na webovú stránku pre celkový počet obrázkov.
Môže to znieť ako časovo náročný proces, najmä ak máte veľa fotiek na zdieľanie, ale našťastie väčšina dnešného softvéru uľahčila veľmi rýchlu veľkosť a kompresiu dávky fotografií. Väčšina aplikácií na správu obrázkov a niektorých softvérov na úpravu fotografií má príkaz "e-mailové fotografie", ktorý vám zmení veľkosť a kompresiu obrázkov. Niektorý softvér môže dokonca zmeniť veľkosť, kompresiu a generovanie kompletných fotogalérií na uverejňovanie na webe. Existujú špecializované nástroje pre obe tieto úlohy - mnohé z nich slobodný softvér.
Dávkové zmeny veľkosti obrázkov
Tu je niekoľko zdrojov, ktoré môžete použiť, ak meníte veľkosť obrázkov v dávkach:
- Zmena veľkosti viacerých súborov pomocou aplikácie Photoshop Elements
- Zmeniť veľkosť súborov viacerých obrázkov v programe Picasa
- Ako zmeniť veľkosť šarže obrázkov pomocou programu XnView
- Zmena veľkosti a orezania dávky: Nástroje a tipy