Як паменшыць памер GIF файла для паляпшэння вэб-сайта Performance

Сціплы GIF робіць вяртанне проста таму , што з ростам выкарыстання смартфонаў і абмежаваных карыстальнікаў прапускной здольнасці чакаюць амаль імгненнага часу загрузкі. Чым менш вашыя вэб-малюнкі, тым хутчэй вашыя выявы будуць загружацца і шчаслівей вашы наведвальнікі будуць. Акрамя таго, многія вэб-сайты маюць абмежаванні на памер рэкламных банэраў.

GIF малюнкаў і вэб

GIF выявы не павінны разглядацца як адзін памер падыходзіць ўсім рашэнне. GIF выявы маюць максімум 256 кветак, гэта значыць вы можаце чакаць сур'ёзнага малюнка і колеру дэградацыі, калі вы не будзеце асцярожныя. Фармат GIF файл, у многіх адносінах з'яўляецца спадчынай фармату, які ўзыходзіць да ранніх днях у Інтэрнэце. Да ўвядзення ў фармаце GIF, вэб-малюнкі былі чорна-белымі і прэсуюць з дапамогай RLE format.They ўпершыню з'явіўся на сцэне ў 1987 годзе, калі Compuserve выпусціла фармат у якасці рашэння вэб-малюнкаў. У той час, колер быў толькі з'яўляецца на рабочым стале і вэб-доступу быў мадэмамі падлучаных да тэлефоннай лініі. Гэта стварыла патрэба ў фармаце выявы, якія захоўваюцца выявы досыць малыя, каб быць дастаўлены, праз тэлефонную лінію, для вэб-браўзэра ў кароткія тэрміны.

GIF выявы ідэальна падыходзяць для востраканцовых графікаў з абмежаванай каляровай палітрай, напрыклад, лагатыпам або штрыхавым малюнкам. Хоць яны могуць быць выкарыстаны для фатаграфій паменшаная колеравая палітра ўводзіць артэфакты ў вобраз. Тым не менш, рух Glitch мастацтва і ўздым синемаграфа выклікалі павышаную цікавасць у фармаце GIF.

Як паменшыць памер GIF файла для паляпшэння вэб-сайта Performance

Гэтыя парады дапамогуць вам зрабіць вашыя GIFs як можна.

  1. Абрэзка прэч любое дадатковае прастору вакол малюнка. Памяншэнне памераў пікселя вашага малюнка з'яўляецца адзіным найбольш эфектыўным спосабам, каб паменшыць памер файла. Калі вы выкарыстоўваеце Photoshop, абіўка каманда працуе добра для гэтага.
  2. Калі вы рыхтуеце малюнак GIF, вы можаце паменшыць памеры выходных.
  3. Скарачэнне колькасці кветак у малюнку.
  4. Для анімаваных GIF-файлаў, паменшыць колькасць кадраў у малюнку.
  5. Калі вы выкарыстоўваеце Photoshop CC-2017, вы можаце стварыць файл GIF, выкарыстоўваючы Экспарт у якасці пункта меню. Абярыце File> Export As ... і калі адкрыецца меню, абярыце GIF ў якасці фармату файла і паменшыць фізічныя памеры (шырыня і вышыня) малюнкі.
  6. Калі вы выкарыстоўваеце Adobe Photoshop Elements 14, абярыце Файл> Захаваць для вэба. Гэта дазволіць адкрыць Захаваць для дыялогавага акна Web , які таксама знаходзіцца ў Adobe Photoshop CC 2017 года, Файл> Экспарт> Захаваць для Web (Спадчына). Калі ён адкрывае вы можаце ўжыць згладжванне, паменшыць колер і фізічныя памеры малюнка.
  7. Пазбягайце размывання. Згладжванне можа зрабіць некаторыя малюнкі выглядаюць лепш, але гэта павялічыць памер файла. Калі ваша праграмнае забеспячэнне дазваляе, выкарыстоўваць больш нізкі ўзровень згладжвання, каб захаваць дадатковыя байты.
  1. Некаторыя праграмы ёсць опцыя «з стратамі» для захавання ў фармаце GIF. Гэтая опцыя дазваляе значна паменшыць памер файла, але гэта таксама зніжае якасць малюнка.
  2. Не выкарыстоўвайце спляценне. Перапляценне звычайна павялічвае памер файла.
  3. Абодва Photoshop і Photoshop Elements пакажа час загрузкі. Не звяртайце на яго ўвагі. Ён заснаваны на выкарыстанні 56k мадэм. Больш правільны нумар будзе адлюстроўвацца пры выбары кабельнага мадэма з ўсплываючае меню.

парады:

  1. Пазбягайце бескарысную анімацыю. Празмерная анімацыя не толькі дадае да вашай вэб-старонкі час загрузкі, але многія карыстальнікі лічаць, што гэта адцягвае ўвагу.
  2. GIF малюнак з вялікімі блокамі суцэльнага колеру і гарызантальныя мадэляў сціскаецца лепш, чым малюнкі з каляровымі градацыямі, мяккай ценем, і вертыкальнымі ўзорамі.
  3. Пры памяншэнні колеру ў фармаце GIF, вы атрымаеце лепшае сціск, калі колькасць кветак ўсталёўваюцца на мінімальна магчымае з гэтых варыянтаў: 2, 4, 8, 16, 32, 64, 128 або 256.

Абноўлены Том Грын