Оптимизирање и зачувување на слики на GIF

Откако ќе креирате анимација во Photoshop, треба да ја зачувате во еден од достапните формати, од кои едниот е ГИФ. А карактеристика на овој формат е тоа што е наменет за приказ (репродукција) во прелистувач.

Доколку ве интересираат други опции за зачувување анимација, препорачуваме да го прочитате написот:

Лекција: Како да зачувате видео во Photoshop

Процес на креирање ГИФ анимацијата беше опишана во една од претходните лекции и денес ќе зборуваме за тоа како да ја зачуваме датотеката во формат ГИФ и за поставките за оптимизација.

Лекција: Создадете едноставна анимација во Photoshop

Заштеда на GIF

Прво, да го повториме материјалот и да се запознаме со прозорецот за поставки за зачувување. Се отвора со кликнување на артикалот. Заштедете за веб во менито Датотека.

Прозорецот се состои од два дела: блок за преглед

и блокирање на поставките.

Преглед на преглед

Изборот на бројот на опции за гледање е избран на горниот дел од блокот. Во зависност од вашите потреби, можете да ја изберете посакуваната поставка.

Сликата во секој прозорец, освен оригиналот, е конфигурирана одделно. Ова е направено за да можете да ја изберете најдобрата опција.

Во горниот лев дел од блокот е мал пакет на алатки. Willе користиме само „Рака“ и „Скала“.

Со Рацете Можете да ја преместите сликата во избраниот прозорец. Изборот го прави и оваа алатка. „Скала“ врши иста акција. Можете да зумирате и зумирате со копчињата на дното на блокот.

Подолу е копче со натпис Погледни. Ја отвора избраната опција во стандардниот прелистувач.

Во прозорецот на прелистувачот, во прилог на сет на параметри, ние исто така може да се добие HTML код GIF

Поставки блок

Во овој блок, параметрите на сликата се прилагодуваат, ќе го разгледаме подетално.

1. Шема на бои. Оваа поставка одредува која индексирана табела во боја ќе се примени на сликата при оптимизација.

   

   • Перцептивно, но едноставно „шема на перцепција“. Кога се применува, Photoshop создава табела со бои, водена од тековните бои на сликата. Според програмерите, оваа табела е што е можно поблиску до тоа како човечкото око гледа бои. Плус - сликата што е најблиска до оригиналот, боите се максимално зачувани.
   • Селективен Шемата е слична на претходната, но главно користи бои кои се безбедни за мрежата. Исто така, има акцент на прикажување на нијанси близу до оригиналот.
   • Прилагодлив. Во овој случај, табелата се создава од бои кои се почести на сликата.
   • Ограничен. Се состои од 77 бои, од кои некои се заменуваат со бела боја во форма на точка (жито).
   • Обичај. При изборот на оваа шема, станува возможно да се создаде своја палета.
   • Црно и бело. Само оваа боја се користи во оваа табела (црна и бела), исто така, со големина на жито.
   • Во сива скала. Различни 84 нивоа на нијанси на сива боја се користат тука.
   • MacOS и Виндоус. Овие табели се составуваат врз основа на карактеристиките на прикажување на слики во прелистувачи што работат на овие оперативни системи.

   Еве неколку примери за употреба на колото.

   

   Како што можете да видите, првите три примероци се со прифатлив квалитет. И покрај фактот дека визуелно тие скоро и да не се разликуваат едни од други, овие шеми ќе работат различно на различни слики.

2. Максималниот број на бои во табела со бои.

   

   Бројот на нијанси на сликата директно влијае на нејзината тежина, и соодветно на тоа, брзината на преземање во прелистувачот. Најчесто користена вредност 128, бидејќи таквото поставување скоро нема никаков ефект врз квалитетот, истовремено намалувајќи ја тежината на gif.

   

3. Веб-бои. Оваа поставка ја поставува толеранцијата со која сенките се претвораат во еквиваленти од сигурна веб-палета. Тежината на датотеката се одредува според вредноста поставена од лизгачот: вредноста е поголема - датотеката е помала. Кога поставувате веб-бои, не заборавајте исто така за квалитетот.

   

   Пример:

   

4. Одличувањето ви овозможува да ги изедначите транзициите помеѓу боите со мешање на нијанси содржани во избраната табела за индексирање.

   

   Исто така, прилагодувањето ќе помогне, колку што е можно, да се зачуваат градиентите и интегритетот на монофоничните делови. Кога се применува опаѓање, се зголемува тежината на датотеката.

   Пример:

   

5. Транспарентност Формат ГИФ поддржува само апсолутно транспарентни или апсолутно непро opирни пиксели.

   

   Овој параметар, без дополнително прилагодување, слабо ги прикажува заоблените линии, оставајќи скали на пиксели.

   

   Се нарекува фино подесување „Мет“ (во некои изданија „Граница“) Со нејзина помош, конфигурирано е мешање пиксели на сликата со позадината на страницата на која ќе се наоѓа. За најдобар приказ, изберете боја што одговара на бојата на позадината на страницата.

   

6. Испреплетени. Една од најкорисните за поставките за веб. Во тој случај, ако датотеката има значителна тежина, ви овозможува веднаш да ја прикажете сликата на страницата, подобрувајќи го неговиот квалитет како што се вчитува.

   

7. Конверзијата sRGB помага во зачувување на максимумот на оригиналните бои на сликата.

   

Прилагодување „Одличување на транспарентноста“ значително го деградира квалитетот на сликата и за параметарот „Загуби“ ќе разговараме во практичниот дел од лекцијата.

За подобро разбирање на процесот на поставување GIF заштеда во Photoshop, треба да вежбате.

Вежбајте

Целта на оптимизирање на слики за Интернет е да се минимизира тежината на датотеките додека се одржува квалитетот.

1. По обработката на сликата, одете во менито Датотека - Зачувај за веб.
2. Го поставивме режимот на гледање "4 опции".

   

3. Следно, треба да направите една од опциите што е слична на оригиналот. Нека биде сликата десно од изворот. Ова е направено со цел да се процени големината на датотеката со максимален квалитет.

   Поставките за параметрите се следниве:

   • Шема на бои „Селективно“.
   • „Бои“ - 265.
   • Одвојување - „Случајна“, 100 %.
   • Ние ја отстрануваме зората пред параметарот Испреплетени, бидејќи крајниот волумен на сликата ќе биде прилично мал.
   • Веб-бои и „Загуби“ - нула.

     

   Споредете го резултатот со оригиналот. Во долниот дел на прозорецот со примерокот, можеме да ја видиме моменталната големина на GIF и неговата брзина на преземање со наведената брзина на Интернет.

   

4. Одете на сликата подолу само конфигурирана. Ајде да се обидеме да го оптимизираме.
   • Ние ја оставаме шемата непроменета.
   • Бројот на бои е намален на 128.
   • Вредност Одвојување намалете на 90%.
   • Веб-бои не допираме, затоа што во овој случај нема да ни помогне да задржиме квалитет.

     

   Големината на GIF се намали од 36,59 KB на 26,85 KB.

   

5. Бидејќи на сликата веќе има некои зрнетост и мали дефекти, ќе се обидеме да ги зголемиме „Загуби“. Овој параметар го дефинира прифатливото ниво на загуба на податоци за време на компресијата. ГИФ. Променете ја вредноста на 8.

   

   Успеавме дополнително да ја намалиме големината на датотеката, додека изгубивме малку по квалитет. GIF сега тежат 25,9 килобајти.

   

   Вкупно, успеавме да ја намалиме големината на сликата за околу 10 KB, што е повеќе од 30%. Многу добар резултат.

6. Понатамошните активности се многу едноставни. Кликнете на копчето Зачувај.

   

   Изберете место за зачувување, дајте го името на gif и повторно кликнете на "Зачувај ".

   

   Забележете дека постои можност со ГИФ создаде и HTML документ во кој ќе биде вградена нашата слика. За ова, подобро е да изберете празна папка.

   

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

   

Совет: кога именувате датотека, обидете се да не користите кирилични знаци, бидејќи не сите прелистувачи се во можност да ги читаат.

Ова е лекција за зачувување на слика во формат ГИФ завршено На неа дознавме како да се оптимизира датотека за објавување на Интернет.