Как да намалите GIF файла размер за по - добро представяне на уеб сайта

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

GIF Изображения и Мрежата

GIF изображенията не трябва да се разглеждат като еднообразно решение за всички решения. GIF изображенията имат максимум 256 цвята, което означава, че можете да очаквате сериозно разграждане на изображението и цвета, ако не сте внимателни. Файловият формат GIF в много отношения е наследствен, който се връща в най-ранните дни на мрежата. Преди въвеждането на GIF формата, уеб изображенията бяха черно-бели и компресирани с помощта на RLE формат. За пръв път се появиха на сцената през 1987 г., когато Compuserve освободи формата като решение за уеб изображения. По това време цветът се появява на работния плот, а мрежата е достъпна чрез модеми, свързани към телефонната линия. Това създава необходимост от формат на изображението, който запазва достатъчно малки изображения, за да бъде доставен чрез телефонна линия, в уеб браузър в кратък срок.

GIF изображенията са идеални за графики с остри ръбове с ограничена цветова палитра, като лого или рисунка. Макар че могат да бъдат използвани за снимки, намалената цветна палитра ще въведе артефакти в изображението. Все пак движението "Glitch Art" и възхода на филма предизвикаха нов интерес към формата на GIF.

Как да намалите GIF файла размер за по - добро представяне на уеб сайта

Тези съвети ще ви помогнат да направите вашите GIFs възможно най-малки.

  1. Отстранете допълнително пространство около изображението. Намаляването на размерите на пикселите на изображението е най-ефективният начин за намаляване на размера на файла. Ако използвате Photoshop, командата Trim работи добре за това.
  2. Когато подготвяте gif изображение, може да искате да намалите размерите на изхода.
  3. Намалете броя на цветовете в изображението.
  4. За анимирани GIF, намалете броя на кадрите в изображението.
  5. Ако използвате Photoshop CC 2017, можете да създадете GIF файл, като използвате опцията от менюто Експортирай като. Изберете File> Export As ... и когато се отвори менюто, изберете GIF като файлов формат и намалете физическите размери (Width and Height) на изображението.
  6. Ако използвате Adobe Photoshop Elements 14, изберете File> Save For web. Това ще отвори диалоговия прозорец "Запазване в уеб", който също се намира в Adobe Photoshop CC 2017, File> Export> Save for Web (Legacy) . Когато се отваря, можете да приложите dithering, да намалите цвета и физическите размери на изображението.
  7. Избягвайте разсейване. Разсейването може да накара някои изображения да изглеждат по-добре, но това ще увеличи размера на файла. Ако вашият софтуер позволява това, използвайте по-ниско ниво на dithering, за да спестите допълнителни байтове.
  1. Някои софтуерни устройства имат опция "загуба" за запазване на GIF. Тази опция може значително да намали размера на файла, но също така намалява качеството на изображението.
  2. Не използвайте преплитането. Преплитането обикновено увеличава размера на файла.
  3. Както Photoshop, така и Photoshop Elements ще ви покажат времето за изтегляне. Не обръщайте внимание на това. Тя се основава на използването на 56k модем. Ако изберете кабелен модем от падащото меню, ще се появи по-валиден номер.

Съвети:

  1. Избягвайте безполезна анимация. Прекомерната анимация не само добавя към времето за изтегляне на уеб страницата ви, но много потребители я разсейват.
  2. GIF изображения с големи блокове от плътни цветове и хоризонтални модели компресират по-добре от изображения с градиране на цветовете, меки сенки и вертикални шарки.
  3. Когато намалите цветовете в GIF, ще получите най-доброто компресиране, когато броят на цветовете е зададен до възможно най-малката от следните опции: 2, 4, 8, 16, 32, 64, 128 или 256.

Актуализирано от Том Грийн