Реактивные веб-сайты Николай Мациевский Евгений ...

Алгоритмы уменьшения изображений813.1.4. êˆÂÔÚ ‹ 4: ÛÏÂ̸¯‡ÂÏ ‡ÌËχˆË˛ ‚appleÛ˜ÌÛ˛Уменьшить размер анимированного GIF можно и самостоятельно, работанетрудная, но долгая и рутинная. Анимация в GIF устроена достаточнопросто: каждый последующий кадр перекрывает предыдущий, причемразмеры кадров могут быть меньше размера изображения, и в этом случаена экране будет содержимое двух кадров: текущий кадр и то, что небыло перекрыто из предыдущего.Отсюда получается, что если в анимированном изображении естьстатичные элементы (например, задний фон), то их нужно оставить напредыдущем кадре, перекрыв следующим лишь то, что изменилось. Причемесли использовать прозрачность, то перекрывать можно области любойформы. Размеры и палитра кадров уменьшится, а значит, уменьшитсяи размер файла с анимацией.3.1.5. êˆÂÔÚ ‹ 5: ÍÓ„‰‡ GIF ÎÛ˜¯Â PNGОчень хочется упомянуть вытекающий из предыдущего рецепта способсоздания полноцветных изображений в формате GIF, тем более чтотакой способ также иногда позволяет получить выигрыш в размере.Самый простой принцип получения полноцветного GIF следующий:исходное изображение разбивается на несколько кусков, так, чтобы количествоцветов в каждом из них было не более 256 (проще всего — сделатькуски 16×16, это как раз 256 пикселей, значит, и цветов не можетбыть больше). Каждый кусок вставляется в отдельный кадр, и между нимивыставляется нулевая задержка. Таким образом, пользователь увидитвсе кадры одновременно, и они сложатся в цельную картинку.Рис. 3.2. Пример изображения, занимающего меньшев полноцветном GIF, чем в PNG