Запазете изображения от Photoshop като GIF за уеб и мобилни устройства

Запазването на файлове за уеб или мобилни устройства в Photoshop Creative Suite 5 създава по-малка версия на вашето изображение, така че то да се зарежда бързо. Идеята е да направите изображението възможно най-малко, като същевременно го запазите визуално приятно.

Използвайте GIF формата, ако имате големи площи с плътен цвят.

Изображение с много плътен цвят прави добър GIF.

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

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

Тъй като анти-алиасингът трябва да създаде множество цветове за този ефект, GIF файловете обикновено не се препоръчват. Всъщност, когато намалите размера на GIF, вие сте по-склонни да видите ивици (артефакт, който се появява като ивици в изображението), защото анти-алиасингът не може да се осъществи с ограничения брой цветове, налични в GIF формат.

Можете, разбира се, да увеличите драстично броя на цветовете, за да създадете по-плавен преход, но тогава рискувате да създадете чудовищни ​​файлове, чието изтегляне отнема вечно.

Запазване като GIF

Когато изберете Файл→ Запазване за уеб и устройства, първо виждате наличните опции за формат GIF. Може да са ви по-ясни, ако имате отворено изображение (с много плътен цвят в него).

За да запазите файл за мрежата като GIF, изпълнете следните стъпки:

Изберете Файл→ Запазване за уеб и устройства.

Появява се диалоговият прозорец Save for Web & Devices.

В горната част щракнете върху раздела 2-Up.

Виждате оригиналното изображение отляво и оптимизираното изображение отдясно (или отгоре и отдолу, в зависимост от пропорциите на изображението).

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

Променете скоростта на изтегляне, като изберете от менюто Preview (потърсете стрелката в горната дясна част на диалоговия прозорец Save for Web & Devices).

Изберете GIF 32 No Dither от падащия списък Preset.

Може вече да видите промяна. Photoshop ви предоставя предварителни настройки, от които да избирате, или можете да персонализирате и запазите свои собствени.

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

Този избор е чисто личен. Тъй като може да ограничавате цветовете, Photoshop може да използва дитеринг, за да смесва пикселите на наличните цветове, за да симулира липсващи цветове. Много дизайнери избират опцията No Dither, защото дитерингът може да създаде неестествени цветни петна в изображението.

Изберете от предварително зададени настройки или създайте свои собствени персонализирани настройки.

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

Цветова таблица в диалоговия прозорец Запазване за уеб и устройства

Когато запазите изображение във формат GIF, като използвате диалоговия прозорец Запазване за уеб и устройства, виждате таблицата с цветовете за изображението от дясната страна на диалоговия прозорец. Цветовата таблица е важна, защото не само ви позволява да видите цветовете, използвани в изображението, но също така ви позволява да персонализирате таблицата с цветове, като използвате опциите в долната част.

Може да искате да персонализирате таблицата си с цветове, като изберете някои цветове, които да са безопасни в мрежата, и заключите цветовете, така че да не се отблъскват, докато намалявате броя, който се използва.

За да персонализирате таблица с цветове, изпълнете следните стъпки:

Ако вашето изображение има само няколко цвята, които искате да преобразувате в безопасни за уеб, изберете инструмента Пипетка отляво на диалоговия прозорец Запазване за уеб и устройства и щракнете върху цвета в Оптимизиран изглед.

Извадкият цвят е маркиран в таблицата с цветове.

Щракнете върху бутона Web Safe в долната част на таблицата с цветове.

Когато прекосите този бутон, се появява подсказката за изместване/отмяна на избраните цветове към уеб панела.

Появява се диамант, което показва, че цветът вече е безопасен в мрежата.

Заключете цветовете, които не искате да изтриете, докато намалявате броя на цветовете в таблицата с цветове.

Изберете цвят с инструмента Eyedropper или го изберете в таблицата с цветове и след това щракнете върху бутона Lock Color. В долния десен ъгъл се появява бял квадрат, което показва, че цветът е заключен.

Ако заключите 32 цвята и след това намалите таблицата с цветове до 24, някои от заключените ви цветове се изтриват. Ако изберете да добавите цветове, тези заключени цветове се връщат първите.

Персонализирайте цветовете, като използвате таблицата с цветовете в прозореца Save for Web and Devices.

Как се създава цветната таблица? Въз основа на избрания от вас метод на алгоритъма за намаляване на цвета, функцията Save for Web & Devices взема проби от посочените от вас цветове. Ако запазването на цветовете в мрежата е важно, изберете опцията Ограничителен (Мрежа) за метода; ако искате изображението ви да изглежда по-добре на повечето монитори, но не е задължително да е безопасно в мрежата, изберете опцията Adaptive.

Използвайте падащото меню Цветове или въведете число, за да добавите или изтриете цветове от таблицата с цветове.

Ако вашето изображение използва прозрачност, поставете отметка в квадратчето Прозрачност в горната част на диалоговия прозорец Запазване за уеб и устройства.

Не забравяйте, че прозрачността се брои като един от вашите цветове в таблицата с цветове.

Поставете отметка в квадратчето Interlaced само ако вашето GIF изображение е голямо (25K или по-голямо).

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

Щракнете върху Save.

Сега изображението е готово за прикачване към имейл съобщение или за използване в уеб страница.