GIF сүрөттөрүн оптималдаштыруу жана сактоо

Photoshop-та анимацияны жараткандан кийин, сиз аны колдо болгон форматтардын биринде сактап калууңуз керек, алардын бири GIF. Бул форматтын өзгөчөлүгү браузерде көрсөтүүгө (ойнотууга) арналган.

Эгер сиз анимацияны сактоонун башка жолдору менен кызыктар болсоңуз, анда бул макаланы окуп чыгууну сунуш кылабыз:

Сабак: Видеону фотошопто кантип сактоого болот

Түзүү процесси GIF Анимация мурунку сабактардын биринде сүрөттөлгөн, эми бүгүн файлды форматта кантип сактоо керектиги жөнүндө сүйлөшөбүз GIF жана оптимизация орнотуулары жөнүндө.

Сабак: Photoshopто жөнөкөй анимация түзүңүз

GIF үнөмдөө

Биринчиден, материалды кайталап, сактоо жөндөөлөрү терезеси менен таанышалы. Ал нерсени чыкылдатуу менен ачылат. Веб үчүн сактоо менюда "File".

Терезе эки бөлүктөн турат: алдын-ала көрүү блогу

жана орнотуулар блогу.

Алдын-ала көрүү блогу

Көрүү параметрлеринин санын тандоо блоктун жогору жагында тандалат. Сиздин керектөөлөрүңүзгө жараша, сиз каалаган орнотууну тандай аласыз.

Ар бир терезедеги сүрөт баштапкыдан башка өзүнчө конфигурацияланган. Бул сиз мыкты вариантты тандай алышыңыз үчүн жасалат.

Блоктун жогорку сол жагында чакан шаймандар топтому жайгашкан. Биз гана колдонобуз "Кол" жана "Zoom".

Жардамы менен "Кол" Сүрөттү тандалган терезенин ичине жылдырууга болот. Тандоо дагы ушул курал менен жүргүзүлөт. "Zoom" ошол эле аракетти аткарат. Блоктун ылдый жагындагы баскычтар менен чоңойтууга жана кичирейтүүгө болот.

Төмөндө жазуусу бар баскыч "Көрүү". Тандалган параметрди демейки браузерде ачат.

Браузер терезесинде, параметрлердин топтомунан тышкары, биз дагы ала алабыз HTML коду SIFCO.

Жөндөөлөр блогу

Бул блокто сүрөттүн параметрлери туураланган, биз аны кененирээк карап чыгабыз.

1. Түс схемасы. Бул жөндөө оптимизациялоо учурунда сүрөттөлүшкө кайсы индекстелген түс столунун колдонулаарын аныктайт.

   

   • кабылдоо, бирок жөн гана "кабылдоо схемасы". Колдонулганда, Photoshop сүрөттүн учурдагы түстөрүн эске алып, түстүү таблицаны түзөт. Иштеп чыгуучулардын айтымында, бул таблица адамдын көзү түстөрдү кандайча көрө тургандыгына жакын. Плюс - түпнускага жакын сүрөт, түстөр максималдуу түрдө сакталат.
   • тандалма Схема мурункуга окшош, бирок көбүнчө желе үчүн коопсуз түстөрдү колдонот. Ошондой эле түпнуска жакын көлөкөлөрдү көрсөтүүгө басым жасалат.
   • ийкемдүү. Бул учурда, таблица сүрөттө көбүрөөк кездешкен түстөрдөн жасалат.
   • чектелген. Ал 77 түстөн турат, алардын айрымдары чекит (дан) түрүндөгү ак түстөргө алмаштырылат.
   • колдонуучунун. Бул схеманы тандаганда, өзүңүздүн палитраңызды түзүүгө болот.
   • Ак жана кара. Бул таблицада эки түстө гана колдонулат (кара жана ак), ошондой эле дан өлчөмүн колдонушат.
   • Боз түстө. Бул жерде 84 ар кандай деңгээлдеги боз көлөкөлөр колдонулат.
   • MacOS жана Windows. Бул таблицалар ушул операциялык тутумдарды иштетип жаткан браузерлерде сүрөттөрдү чагылдыруунун өзгөчөлүктөрүнүн негизинде түзүлөт.

   Бул жерде райондук колдонуунун бир нече мисалдары келтирилген

   

   Көрүнүп тургандай, алгачкы үч үлгүлөр сапаттуу. Көрүнүктүү түрдө бири-биринен айырмаланбаса дагы, бул схемалар ар башка сүрөттөрдө ар башкача иштешет.

2. Түс столундагы түстөрдүн максималдуу саны.

   

   Сүрөттөгү көлөкөлөрдүн саны анын салмагына түздөн-түз таасир этет, демек, браузерден жүктөө ылдамдыгы. Эң көп колдонулган маани 128, анткени мындай жөндөө GIF салмагын азайтуу менен сапатка дээрлик таасир этпейт.

   

3. Веб түстөр. Бул жөндөө боёкторду коопсуз веб палитрасынан эквиваленттерге айландырууга мүмкүндүк берет. Файлдын салмагы слайдер койгон маани боюнча аныкталат: мааниси жогору - файл кичине. Веб түстөрүн орнотууда сапат жөнүндө да унутпаңыз.

   

   Мисал:

   

4. Тандалма тандоо индекстөө таблицасында камтылган көлөкөлөрдү аралаштыруу менен түстөр ортосундагы өткөөлдү жылдырууга мүмкүндүк берет.

   

   Ошондой эле, тууралоо мүмкүн болушунча монофониялык бөлүктөрдүн градиенттерин жана бүтүндүгүн сактоого жардам берет. Ылдый түшүп жатканда файлдын салмагы жогорулайт.

   Мисал:

   

5. Ачыктык. формат GIF абсолюттук тунук же тунук эмес пикселдерди гана колдойт.

   

   Бул параметр, кошумча тууралоолорсуз, ийри сызыктарды начар көрсөтүп, пикселдик тепкичтерди калтырат.

   

   Жакшы тюнинг деп аталат "Мт" (айрым басылмаларда) "Чек ара"). Анын жардамы менен сүрөттүн пикселдерин ал турган баракчанын фонунда аралаштыруу конфигурацияланган. Эң жакшы дисплей үчүн, сайттын фонундагы түскө дал келген түс тандаңыз.

   

6. Interlaced. Желе тууралоолору үчүн эң пайдалуу нерселердин бири. Андай учурда, эгерде файл олуттуу салмакка ээ болсо, бул сизге сүрөттү дароо көрсөтүп, сапатын көтөргөн сайын жакшыртат.

   

7. SRGB өзгөртүү үнөмдөө учурунда түпнуска сүрөттүн түстөрүн максималдуу сактоого жардам берет.

   

тууралоо "Айкындуулуктун бузулушу" сүрөттүн сапатын жана параметр жөнүндө кыйла начарлатат "Адашкан" биз сабактын практикалык бөлүгүндө сөз кылабыз.

Фотошопто GIF үнөмдөөнү орнотуу жараянын жакшыраак түшүнүү үчүн, практикадан өтүшүңүз керек.

Практика

Сүрөттөрдү Интернетте оптималдаштыруунун максаты - сапатын сактоо менен файлдардын салмагын азайтуу.

1. Сүрөттү иштеп чыккандан кийин, менюга өтүңүз Файл - Веб үчүн сактоо.
2. Көрүү режимин орноттук "4 тандоо".

   

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

   Параметрдин тууралоолору төмөнкүчө:

   • Түс схемасы "Тандалма".
   • "Түстөр" - 265.
   • "Dithering" - "Кокустан", 100 %.
   • Параметри алдындагы күндү алып салабыз "Илинген", анткени сүрөттүн акыркы көлөмү бир аз кичинекей болот.
   • Веб-Түстөр жана "Адашкан" - нөл.

     

   Натыйжаны оригинал менен салыштырыңыз. Үлгү менен терезенин төмөнкү бөлүгүндө биз GIFтин учурдагы көлөмүн жана көрсөтүлгөн Интернет ылдамдыгында жүктөө ылдамдыгын көрө алабыз.

   

4. Жөн гана конфигурацияланган төмөнкү сүрөттө өтүңүз. Келгиле, аны оптималдаштырууга аракет кылалы.
   • Биз схеманы өзгөрүүсүз калтырабыз.
   • Түстөрдүн саны 128ге чейин кыскарды.
   • Наркы "Dithering" 90% га чейин азайтуу.
   • Веб түстөр биз тийбейм, анткени бул учурда сапатты сактоого жардам бербейт.

     

   GIF көлөмү 36,59 КБдан 26,85 КБ чейин төмөндөгөн.

   

5. Сүрөттө мурунтан эле бир аз ачкачылык жана кичинекей кемчиликтер бар болгондуктан, көбөйтүүгө аракет кылабыз "Адашкан". Бул параметр кысуу учурунда маалыматтын жоготуу деңгээлин аныктайт. GIF. 8 маанисин өзгөртүңүз.

   

   Файлдын көлөмүн андан ары азайтып, сапатын бир аз жоготуп алдык. Азыр GIF'дердин салмагы 25,9 килобайт.

   

   Жалпысынан, биз сүрөттүн көлөмүн болжол менен 10 КБ кыскарта алдык, бул 30% дан ашык. Абдан жакшы жыйынтык.

6. Андан кийинки иш-аракеттер өтө жөнөкөй. Баскычты чыкылдатыңыз "Save".

   

   Сактаган жерди тандап, gif атын бериңиз жана дагы "чыкылдатыңыз"Сактоо ".

   

   Мүмкүнчүлүгү бар экендигин эске алыңыз GIF түзүү жана HTML биздин сүрөттү камтыган документ. Бул үчүн, бош папканы тандап алган жакшы.

   

   Натыйжада, биз сүрөтү бар баракча жана папка алабыз.

   

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

Бул сүрөттү форматта сактоо үчүн сабак GIF аяктаган. Бул файлды Интернетте жайгаштыруу үчүн кандайча оптимизациялоону билдик.