01 от 08
Уеб-готовност графика
Като графичен дизайнер често може да бъдете помолени да доставяте готови за уеб изображения, като снимки за уеб сайт или банерни реклами. Инструментът "Запазване в мрежата" на Photoshop е лесен и лесен начин за подготовка на JPEG файловете за мрежата, което спомага за компромис между размера на файла и качеството на изображението.
Забележка: За този урок гледаме да записвате JPEG изображения . Инструментът Запис за уеб също е създаден, за да записва GIF, PNG и BMP файлове.
Какво прави графичен "уеб-готов?"
- Разделителната способност е 72 dpi
- Цветният режим е RGB
- Обикновено намалява размера на файла за по-бързо зареждане на уеб страници
02 от 08
Отворете изображение
За да практикувате с инструмента "Запиши за уеб", отворете изображение във Photoshop; кликнете върху "Файл> Отвори", разгледайте изображението на компютъра си и кликнете върху "Отвори". За целите на този урок една снимка ще работи добре, въпреки че всеки вид изображение ще направи. Преоразмерете снимката си до малък размер, който можете да използвате на уебсайт. За да направите това, кликнете върху "Изображение> Размер на изображението", въведете нова ширина в квадратчето "Размери на пикселите" (опитайте 400) и кликнете върху "OK".
03 от 08
Отворете инструмента за запазване за уеб инструмент
Нека предположим, че някой ви е помолил да доставите тази снимка, широка 400 пиксела, която е готова да бъде публикувана на уебсайт. Щракнете върху "File> Save for Web", за да отворите диалоговия прозорец Save for Web. Отделете малко време, за да разгледате различните настройки и инструменти в прозореца.
04 от 08
Настройте Сравнението
В горния ляв ъгъл на прозореца "Запиши за уеб" има серия от раздели, озаглавени Оригинални, Оптимизирани, 2-Up и 4-Up. Като кликнете върху тези раздели, можете да превключвате между изгледа на оригиналната ви снимка, оптимизираната ви снимка (с приложените за нея настройки за Запис за уеб) или сравняване на 2 или 4 версии на снимката. Изберете "2-нагоре", за да сравните оригиналната снимка с оптимизираната. Вече ще видите копия на снимката си едно до друго.
05 от 08
Задайте оригиналния преглед
Кликнете върху снимката отляво, за да я изберете. Изберете "Оригинал" от менюто "Предварително зададени" от дясната страна на прозореца "Запиши за уеб" (ако вече не е избран). Това ще направи преглед на оригиналната ви нерегистрирана снимка от лявата страна.
06 от 08
Задайте оптимизираното предварителен преглед
Кликнете върху снимката отдясно, за да я изберете. Изберете "JPEG High" от менюто Preset. Вече можете да сравните оптимизираната си снимка в дясно (което в крайна сметка ще бъде вашият последен файл) с оригинала отляво.
07 от 08
Редактирайте качеството на JPEG
Най-важната настройка в дясната колона е стойността "Качество". Когато намалите качеството, вашето изображение ще изглежда "muddier", но размерът на файла ви ще намалее, а по-малките файлове означават по-бързо зареждане на уеб страници. Опитайте да промените качеството на "0" и забележете разликата в снимките отляво и отдясно, както и по-малкия размер на файла, който се намира под снимката ви. Photoshop също ви дава очакваното време за зареждане под размера на файла. Можете да промените скоростта на връзката за това време за зареждане, като кликнете върху стрелката над оптимизирания преглед на снимките. Целта тук е да се намери щастлива среда между размера на файла и качеството. Качество между 40 и 60 обикновено е добър диапазон, в зависимост от вашите нужди. Опитайте да използвате предварително зададените нива на качество (т.е. JPEG Medium), за да спестите време.
08 от 08
Запазете вашето изображение
След като сте доволни от снимката си вдясно, кликнете върху бутона "Запазване". Ще се отвори прозорецът "Save Optimized As". Въведете име на файл , прегледайте желаната папка на компютъра си и кликнете върху "Запазване". Вече имате оптимизирана фотография, подготвена за уеб.