Материалы с тегом «изображения»

• Color quantizer. Основные опции. Оптимизация PNG

  Если ты все еще уверен, что тонкая оптимизация PNG в Photoshop — это предел компрессии данного формата, тогда тебе сюда.

• img vs background-image

  На первый взгляд img и background-image очень походи и делают одно и тоже — отображают изображения. Но на самом деле они очень разные и делают свое дело тоже по разному.

• PNG-24. Разделяем изображение на основное (PNG-8) и контур (PNG-24)

  Разделив PNG-24 на две части: PNG-8 и PNG-24, можно добиться внушительного сокращения веса графического файла.

• PNG-24. Устраняем лишнюю информацию

  Уменьшаем вес изображения PNG-24, устраняя баг Photoshop с невидимыми фрагментами.

• Базовая оптимизация JPEG для веб

  Метод сжатия JPEG является сжатием с потерями, вследствие выборочного удаления данных. В итоге получаем более легковесный файл, но с худшим качеством. Учимся искать баланс.

• Внедрение SVG в HTML

  Существует несколько способов это сделать, но не все из них кроссбраузерны.

• Встраиваем изображения — data:URL

  Разгоняем сайт: уменьшаем количество HTTP запросов используя внедрение картинок по схеме data:URL

• Знакомьтесь: WebP — новый формат изображений от Google

  В рамках продолжения своей миссии сделать Интернет быстрее Google представил свой собственный формат изображений. Новый формат называется WebP и это открытая технология (другого, впрочем, от Google трудно было ожидать).

• Лесенка спрайтов — сложный случай поклейки

  Для ускорения работы сайта можно уменьшить общее количество используемых файлов-картинок, если поклеить их по методу спрайтов. Тем не менее, иногда попадаются весьма трудные случаи, когда красиво и хорошо подклеить не получается. Один из таких «трудных случаев» и будем сегодня перевоспитывать.

• Масштабируемая картинка в резиновой колонке

  Сделать чтобы изображение в резиновой колонке отображалось полностью внезависимости от ее ширины.