GIF суреттерін оңтайландыру және сақтау

Photoshop-та анимация жасағаннан кейін оны қол жетімді форматтардың біреуінде сақтау керек GIF. Бұл форматтың ерекшелігі - оны браузерде көрсетуге (ойнатуға) арналған.

Егер сіз анимацияны сақтаудың басқа нұсқалары туралы білгіңіз келсе, осы мақаланы оқып шығуды ұсынамыз:

Сабақ: Видеоны фотошопта қалай сақтауға болады

Жасалу процесі GIF Анимация алдыңғы сабақтардың бірінде сипатталған болатын, ал бүгін біз файлды форматта қалай сақтау туралы сөйлесеміз GIF және оңтайландыру параметрлері туралы.

Сабақ: Photoshop-та қарапайым анимация жасаңыз

GIF үнемдеу

Алдымен материалды қайталап, сақтау параметрлері терезесімен танысайық. Ол элементті басу арқылы ашылады. Веб үшін сақтау мәзірінде Файл.

Терезе екі бөліктен тұрады: алдын-ала қарау блогы

және параметрлер блогы.

Алдын ала қарау блогы

Қарау опцияларының санын таңдау блоктың жоғарғы жағында таңдалады. Қажеттіліктерге байланысты қалаған параметрді таңдауға болады.

Әр терезедегі кескін, түпнұсқадан басқа, бөлек конфигурацияланған. Бұл сізге ең жақсы нұсқаны таңдай алу үшін жасалады.

Блоктың жоғарғы сол жақ бөлігінде кішкентай құралдар қорабы орналасқан. Біз тек қолданамыз «Қол» және «Масштаб».

Көмегімен Қолдар Суретті таңдалған терезенің ішіне жылжытуға болады. Таңдау да осы құрал арқылы жүзеге асырылады. «Масштаб» сол әрекетті орындайды. Блоктың төменгі жағындағы түймелермен үлкейтуге немесе кішірейтуге болады.

Төменде жазуы бар батырма орналасқан Көру. Ол таңдалған опцияны әдепкі шолғышта ашады.

Браузер терезесінде параметрлер жиынтығына қосымша, біз де ала аламыз HTML коды GIF-тер

Параметрлер блогы

Бұл блокта кескін параметрлері түзетілген, біз оны толығырақ қарастырамыз.

1. Түс схемасы. Бұл параметр оңтайландыру кезінде кескінге индекстелген түстер кестесі қолданылатындығын анықтайды.

   

   • Перцептивті, бірақ жай «қабылдау схемасы». Қолданған кезде Photoshop кескіннің қазіргі түстерін басшылыққа ала отырып, түрлі-түсті кесте жасайды. Әзірлеушілердің айтуынша, бұл кесте адамның көздің түстерді қалай көретініне мүмкіндігінше жақын. Плюс - түпнұсқаға жақын сурет, түстер максималды түрде сақталады.
   • Таңдамалы Схема алдыңғыға ұқсас, бірақ көбінесе интернетте қауіпсіз болатын түстерді пайдаланады. Сондай-ақ, түпнұсқаға жақын реңктерді көрсетуге баса назар аударылған.
   • Бейімделгіш. Бұл жағдайда кесте суретте жиі кездесетін түстерден жасалады.
   • Шектеулі. Ол 77 түстерден тұрады, олардың кейбіреулері нүкте (дән) түрінде ақ түске ауыстырылады.
   • Жеке. Бұл схеманы таңдаған кезде өзіңіздің палитраңызды жасауға болады.
   • Ақ-қара. Бұл кестеде тек екі түсті (қара және ақ), сонымен қатар астық мөлшерін де қолданады.
   • Сұр реңкте. Мұнда сұр 84 реңктің әртүрлі деңгейлері қолданылады.
   • MacOS және Windows. Бұл кестелер кескіндерді осы операциялық жүйелермен жұмыс істейтін браузерлерде көрсету ерекшеліктері негізінде құрастырылған.

   Электр тізбегін пайдаланудың бірнеше мысалдары келтірілген.

   

   Көріп отырғаныңыздай, алғашқы үш үлгі өте қолайлы. Көрнекі түрде олар бір-бірінен айтарлықтай ерекшеленбейтіндігіне қарамастан, бұл сызбалар әртүрлі суреттерде басқаша жұмыс істейді.

2. Түстер кестесіндегі түстердің максималды саны.

   

   Суреттегі реңктердің саны оның салмағына тікелей әсер етеді, сәйкесінше браузерде жүктеу жылдамдығы. Ең жиі қолданылатын мән 128, өйткені мұндай параметр GIF салмағын азайту кезінде сапаға әсер етпейді.

   

3. Веб-түстер. Бұл параметр реңктер қауіпсіз веб-бояғыштан эквиваленттерге өзгертілетін төзімділікті орнатады. Файлдың салмағы жүгірткімен орнатылған мәнмен анықталады: мәні жоғарырақ - файл кішірек. Веб-түстерді орнату кезінде сапа туралы да ұмытпаңыз.

   

   Мысал:

   

4. Таңдау индекстеу кестесінде көрсетілген реңктерді араластыру арқылы түстер арасындағы ауысуды тегістеуге мүмкіндік береді.

   

   Сондай-ақ, түзету мүмкіндігінше монофониялық бөлімдердің градиенттері мен тұтастығын сақтауға көмектеседі. Ылғалдау қолданылған кезде файлдың салмағы артады.

   Мысал:

   

5. Ашықтық Пішім GIF тек мөлдір немесе мүлдем мөлдір емес пикселдерді қолдайды.

   

   Бұл параметр қосымша түзетусіз қисық сызықтарды нашар көрсетеді және пиксельдік баспалдақтарды қалдырады.

   

   Жақсы баптау деп аталады «Мат» (кейбір басылымдарда «Шекара») Оның көмегімен суреттің пиксельдерін ол орналасқан беттің фонымен араластыру конфигурацияланған. Жақсы дисплей үшін сайттың фон түсіне сәйкес келетін түсті таңдаңыз.

   

6. Орналастырылған. Веб-параметрлер үшін ең пайдалыларының бірі. Бұл жағдайда, егер файл айтарлықтай салмаққа ие болса, ол сізге суретті тез арада парақта көрсетуге мүмкіндік береді, жүктеме кезінде оның сапасын жақсартады.

   

7. SRGB түрлендіру сақтау кезінде кескіннің бастапқы түстерінің максималды мөлшерін сақтауға көмектеседі.

   

Реттеу «Ашықтықты төмендету» кескін сапасын және параметр туралы айтарлықтай нашарлайды «Шығындар» біз сабақтың практикалық бөлігінде сөйлесетін боламыз.

Photoshop-та GIF үнемдеуді орнату процесін жақсы түсіну үшін сізге тәжірибе керек.

Тәжірибе

Интернет үшін кескіндерді оңтайландырудың мақсаты - сапаны сақтау кезінде файл салмағын азайту.

1. Суретті өңдегеннен кейін мәзірге өтіңіз Файл - Веб үшін сақтау.
2. Көру режимін орнаттық «4 нұсқа».

   

3. Әрі қарай, мүмкіндігінше түпнұсқаға ұқсас нұсқалардың бірін жасау керек. Бұл көздің оң жағындағы сурет болсын. Бұл файл өлшемін максималды сапада бағалау үшін жасалады.

   Параметрлер келесідей:

   • Түс схемасы «Таңдамалы».
   • «Түстер» - 265.
   • Дистинг - «Кездейсоқ», 100 %.
   • Параметрдің алдында таңды алып тастаймыз Орналастырылған, өйткені суреттің түпкілікті көлемі аз болады.
   • Веб-түстер және «Шығындар» - нөл.

     

   Нәтижені түпнұсқамен салыстырыңыз. Үлгісі бар терезенің төменгі бөлігінде біз GIF өлшемін және оны жүктеу жылдамдығын көрсетілген Интернет жылдамдығымен көре аламыз.

   

4. Төмендегі суретке өтіңіз. Оны оңтайландыруға тырысайық.
   • Біз схеманы өзгеріссіз қалдырамыз.
   • Түстер саны 128-ге дейін азаяды.
   • Мәні Дистинг 90% дейін төмендетіңіз.
   • Веб-түстер біз қол тигізбейміз, өйткені бұл жағдайда ол сапаны сақтауға көмектеспейді.

     

   GIF өлшемі 36,59 КБ-тан 26,85 КБ дейін азайды.

   

5. Суретте кішкене кемшіліктер болғандықтан, көбейтуге тырысамыз «Шығындар». Бұл параметр сығымдау кезінде деректерді жоғалтудың қолайлы деңгейін анықтайды. GIF. Мәнді 8-ге өзгертіңіз.

   

   Біз файл өлшемін одан әрі азайта алдық, бірақ сапаны аздап жоғалттық. GIF-тер қазір 25,9 килобайт.

   

   Барлығы біз кескіннің көлемін шамамен 10 КБ-қа азайта алдық, бұл 30% -дан асады. Өте жақсы нәтиже.

6. Әрі қарайғы әрекеттер өте қарапайым. Түймесін басыңыз Сақтау.

   

   Сақтайтын жерді таңдаңыз, gif-тің атын беріңіз және қайтадан «Сақтау «.

   

   Мүмкіндік бар екенін ескеріңіз GIF жасау және HTML біздің суретке енетін құжат. Мұны істеу үшін бос қалтаны таңдаған дұрыс.

   

   Нәтижесінде біз суреттері бар парақ пен папканы аламыз.

   

Кеңес: файлға атау бергенде, кириллица таңбаларын пайдаланбаңыз, себебі барлық шолушылар оларды оқи алмайды.

Бұл кескінді пішімде сақтауға арналған сабақ GIF аяқталды. Онда біз Интернетте орналастыру үшін файлды қалай оңтайландыруға болатындығын білдік.