Как да използвате инструмента Photoshop Save for Web

2024 Автор: Abigail Brown | [email protected]. Последно модифициран: 2023-12-17 06:40

Какво да знаете

• Отворете изображение във Photoshop. Изберете Изображение > Размер на изображението. Въведете нова ширина и след това изберете Pixels > OK.
• Изберете Файл > Запазване за уеб и устройства. Изберете раздела 2-Up, за да видите оригиналните и оптимизираните изображения едно до друго.
• Променете стойността на Quality и вижте резултатите. Направете корекции на размера или типа на файла, ако е необходимо. Изберете Save и наименувайте новото изображение.

Тази статия обяснява как да използвате инструмента Save for Web на Photoshop за оптимизиране на изображения за използване в мрежата. Тази информация се отнася за Photoshop 20.0.10 и по-нови версии. Командите и опциите на менюто може да се различават между версиите.

Как да запазите за уеб във Photoshop

Графични дизайнери, уеб дизайнери и други, които създават съдържание за мрежата, също създават изображения, готови за уеб, като снимки за уебсайтове и рекламни банери. Преди да качат тези изображения, те оптимизират изображенията за бързо изтегляне и показване в уеб браузър.

Ето как да използвате инструмента Save for Web във Photoshop, за да получите правилния баланс между качество на изображението и размер на файла за вашите изображения.

1. Отворете изображението, което искате да запазите във Photoshop.

2. Изберете Изображение > Размер на изображението. Или, за компютър, натиснете Alt+Ctrl+I, за macOS, натиснете Command+Option+I на клавиатурата.

   

3. В полето Width въведете нова ширина, изберете Pixels, след което изберете OK.

   Преоразмерете снимката до малък размер, който може да се използва в уебсайт.

   

4. Изберете Файл > Експортиране > Запазване за уеб (Наследено). Или използвайте клавишната комбинация: Alt/Option+Command+Shift+S.

   В други версии на Photoshop пътят е File > Export > Save for Web. Елементът може да се нарича Save for Web или Save for Web and Devices.

   

5. В прозореца Save for Web отидете на Original, Optimized,Раздели 2-Up и 4-Up. Тези раздели превключват между изглед на оригиналната снимка, оптимизираната снимка с приложените към нея настройки за запазване за уеб или сравнение на две или четири версии на снимката.

   Изберете 2-Up, за да сравните оригиналната снимка с оптимизираната снимка. Това показва едно до друго копия на изображението.

   

6. Променете стойността на Quality. Когато понижавате качеството, изображението изглежда по-мътно и размерът на файла намалява. По-малките файлове означават по-бързо зареждане на уеб страници.

   Намерете щастлива среда между размер на файла и качество. Качество между 40 и 60 е добър диапазон. Използвайте предварително зададените нива на качество (JPEG Medium, например), за да спестите време.

   

7. Променете типа на файла, ако е необходимо, на JPEG, GIF, PNG-8, PNG-24 или WBMP.

   

8. Променете размера на изображението, ако е необходимо. Въведете ширина или височина или ги мащабирайте с процент.

   Щракнете върху иконата верижна връзка, за да промените пропорцията на изображението. В противен случай въведете различна ширина или височина, за да промените другата стойност в пропорция.

   

9. Стойностите под визуализацията на изображението показват типа на файла, размера и колко време ще отнеме отварянето на изображението на уебсайт. Тези числа се актуализират, когато правите промени.

   

10. Когато сте доволни от снимката, изберете Запазване.

    

11. Въведете име за снимката, след което щракнете върху Запазване.

    

Какво прави една графична мрежа готова?

Повечето готови за уеб графики имат общи характеристики:

• Резолюцията е 72 dpi.
• Цветовият режим е RGB.

• Файловете са намалени по размер за по-бързо зареждане на уеб страници.