Пиксели, размер файла и качество изображения
Размер изображения в пикселях и размер файла в байтах отвечают на разные вопросы. Пиксели определяют геометрию и доступную детализацию, а байты зависят ещё от формата, качества кодирования, шума, прозрачности и метаданных.
Три свойства, которые часто путают
- Ширина × высота
- Число пикселей по сторонам. Оно определяет, насколько крупно изображение можно показать без увеличения.
- Соотношение сторон
- Пропорция кадра. Если её изменить без обрезки или полей, предметы растянутся.
- Размер файла
- Число байтов после кодирования. Две фотографии 2000 × 1500 пикселей могут весить по-разному.
Почему одинаковые пиксели дают разный вес
Ровное небо или белый фон сжимаются проще, чем листва, волосы и цифровой шум. PNG хранит прозрачность и хорошо подходит для схем и интерфейсов, но фотография в PNG часто тяжелее JPG. JPEG уменьшает вес с потерями; повторное сохранение может усиливать блоки и ореолы. WebP имеет собственные режимы и требует проверки в целевой системе.
Рабочий порядок действий
- Обрежьте ненужные поля и предметы по видимой рамке. Удалённые пиксели не вернутся из результата.
- Измените размер под реальное место публикации, сохраняя пропорции. Не увеличивайте маленький исходник в ожидании новых деталей.
- Выберите формат по свойствам: прозрачность, совместимость и характер изображения.
- Сожмите и сравните сложный участок при масштабе 100%.
- Проверьте итоговые пиксели и байты, а также откройте файл там, куда он предназначен.
Пример для сайта
Если изображение показывается в блоке шириной 800 CSS-пикселей, экран с плотностью 2× может использовать вариант около 1600 пикселей по ширине. Это ориентир для геометрии, а не обещание конкретного веса. Итоговый JPG или WebP нужно измерить после кодирования и сравнить на реальном фоне страницы.
Когда качество уже нельзя вернуть
Увеличение не восстанавливает детали, потерянные при прежнем уменьшении или сильном JPEG-сжатии. Перевод JPG в PNG прекращает новые JPEG-потери при следующем сохранении, но не отменяет старые. Для важной работы храните исходник и создавайте варианты заново из него.