Čo by ste mali vedieť
- Otvorte obrázok vo Photoshope. Vyberte Image > Veľkosť obrázka. Zadajte novú šírku a potom vyberte Pixels > OK.
- Vyberte Súbor > Uložiť pre web a zariadenia. Ak chcete zobraziť pôvodné a optimalizované obrázky vedľa seba, vyberte kartu 2-Up.
- Zmeňte hodnotu Quality a pozrite si výsledky. V prípade potreby vykonajte úpravy veľkosti alebo typu súboru. Vyberte Uložiť a pomenujte nový obrázok.
Tento článok vysvetľuje, ako používať nástroj Photoshopu Uložiť pre web na optimalizáciu obrázkov na použitie na webe. Tieto informácie platia pre Photoshop 20.0.10 a novší. Príkazy a možnosti ponuky sa môžu v jednotlivých verziách líšiť.
Ako ušetriť na webe vo Photoshope
Grafickí dizajnéri, weboví dizajnéri a iní, ktorí vytvárajú obsah pre web, tiež vytvárajú obrázky pripravené pre web, ako sú fotografie pre weby a bannerové reklamy. Pred odovzdaním týchto obrázkov optimalizujú obrázky na rýchle stiahnutie a zobrazenie vo webovom prehliadači.
Tu je návod, ako použiť nástroj Uložiť pre web vo Photoshope, aby ste dosiahli správnu rovnováhu medzi kvalitou obrázka a veľkosťou súboru.
- Otvorte obrázok, ktorý chcete uložiť vo Photoshope.
-
Vybrať Image > Veľkosť obrázka. Alebo na PC stlačte Alt+Ctrl+I, pre macOS stlačte Command+Option+I na klávesnici.
Image -
V poli Width zadajte novú šírku, vyberte Pixels a potom vyberte OK.
Zmeniť veľkosť fotografie na malú veľkosť, ktorú možno použiť na webovej stránke.
Image -
Vybrať Súbor > Exportovať > Uložiť pre web (staršie). Alebo použite klávesovú skratku: Alt/Option+Command+Shift+S.
V iných verziách Photoshopu je cesta File > Export > Uložiť pre web. Položka sa môže volať Uložiť pre web alebo Uložiť pre web a zariadenia.
Image -
V okne Uložiť pre web prejdite na Original, Optimalizované,2-Up a 4-Up karty. Tieto karty prepínajú medzi zobrazením pôvodnej fotografie, optimalizovanej fotografie s použitými nastaveniami Uložiť pre web alebo porovnaním dvoch alebo štyroch verzií fotografie.
Vyberte 2-Up na porovnanie pôvodnej fotografie s optimalizovanou fotografiou. Toto zobrazuje kópie obrázka vedľa seba.
Image -
Zmeňte hodnotu Quality. Keď znížite kvalitu, obrázok vyzerá blatistejšie a veľkosť súboru sa zníži. Menšie súbory znamenajú rýchlejšie načítanie webových stránok.
Nájdite šťastné médium medzi veľkosťou súboru a kvalitou. Kvalita medzi 40 a 60 je dobrý rozsah. Použite prednastavené úrovne kvality (napríklad JPEG Medium), aby ste ušetrili čas.
Image -
V prípade potreby zmeňte typ súboru na JPEG, GIF, PNG-8, PNG-24 alebo WBMP.
Image -
V prípade potreby zmeňte veľkosť obrázka. Zadajte šírku alebo výšku alebo ich zmenšite v percentách.
Kliknutím na ikonu reťazec zmeníte pomer strán obrázka. V opačnom prípade zadajte inú šírku alebo výšku, aby ste zmenili druhú hodnotu v pomere.
Image -
Hodnoty pod ukážkou obrázka zobrazujú typ súboru, veľkosť a ako dlho bude trvať otvorenie obrázka na webovej lokalite. Tieto čísla sa aktualizujú pri vykonávaní zmien.
Image -
Keď ste s fotkou spokojní, vyberte Uložiť.
Image -
Zadajte názov fotky a potom kliknite na Uložiť.
Image
Čo robí grafickú webovú stránku pripravenou?
Väčšina grafiky pripravených na web má spoločné vlastnosti:
- Rozlíšenie je 72 dpi.
- Farebný režim je RGB.
-
Súbory sú zmenšené kvôli rýchlejšiemu načítavaniu webových stránok.
