Чтобы сбалансировать качество изображения и размер файла на Mac, сначала приведите размеры изображения в пикселях в соответствие с тем, как оно будет отображаться в сети, затем экспортируйте его в подходящем формате и сравните результат при предполагаемом размере отображения. Приложение «Просмотр» позволяет изменять размер и качество JPEG; «Фото» предлагает дополнительные параметры экспорта для изображений в медиатеке. Сохраняйте нетронутый оригинал, чтобы можно было создать другую версию, если первый экспорт будет выглядеть нечетким, пикселизированным или потеряет прозрачность.

1. Выберите размеры перед сжатием

Определите максимальный размер, в котором изображение должно отображаться на странице или в сообщении. Например, если на сайте изображение отображается шириной около 900 пикселей, оригинал шириной в несколько тысяч пикселей может быть избыточно большим. Если страница адаптируется под разные экраны, уточните у владельца сайта или проверьте в системе управления контентом, создает ли она адаптивные размеры изображений: один экспортированный файл может быть не единственным размером, который способен использовать сайт. На web.dev объясняется, как браузеры выбирают варианты изображений для разной ширины экрана и плотности пикселей в адаптивных макетах. Image performance

Откройте копию в приложении «Просмотр» и выберите Инструменты > Настроить размер. Укажите нужные ширину и высоту и оставьте флажок Масштабировать пропорционально, чтобы избежать искажений. Если включен параметр Пересчитать изображение, изменение размеров в пикселях меняет сами данные пикселей изображения. «Просмотр» показывает расчетный размер в нижней части диалогового окна. Apple также описывает пакетное изменение размера: для этого нужно открыть изображения в одном окне, выбрать их на боковой панели и нажать Инструменты > Настроить размер. Crop, resize, or rotate an image in Preview on Mac

Не путайте размеры в пикселях с разрешением, измеряемым в пикселях на дюйм (ppi). Для изображения на экране именно ширина и высота в пикселях определяют доступное количество пикселей; простое изменение значения разрешения для печати не гарантирует, что веб-изображение поместится в отведенную область. Если нужно уменьшить фактические размеры в пикселях, введите меньшие значения ширины и высоты при включенном пересчете (resampling).

2. Подберите формат, подходящий для изображения

Используйте JPEG для фотографий, когда важна широкая совместимость и не требуется прозрачность. JPEG использует сжатие с потерями, поэтому снижение качества уменьшает размер файла, но может приводить к появлению заметных артефактов. «Просмотр» поддерживает экспорт в JPEG и настройку качества в окне экспорта. Convert image file types using Preview on Mac

PNG часто является оптимальным выбором для снимков экрана, схем и изображений с четким текстом или прозрачными областями. Форматы без потерь сохраняют данные изображения без изменений, тогда как сжатие с потерями чаще вызывает дефекты вокруг резких краев и контрастного текста. Image performance

WebP и AVIF могут уменьшить размер файла в некоторых веб-процессах, однако в задокументированном списке экспорта приложения «Просмотр» они отсутствуют. Не стоит рассчитывать на то, что меню «Формат» в приложении «Просмотр» позволяет создавать файлы в этих форматах. Если ваш сайт обязательно требует один из них, воспользуйтесь отдельным инструментом или пайплайном обработки изображений сайта и уточните, какие форматы он принимает. Современные форматы могут обеспечивать лучшее сжатие, но реальный выигрыш зависит от самого изображения и настроек экспорта. Image performance

3. Экспортируйте из «Просмотра» или «Фото»

В приложении «Просмотр» выберите Файл > Экспортировать, укажите JPEG и отрегулируйте ползунок Качество. Задайте экспортированному файлу новое имя или сохраните его в отдельной папке, чтобы сохранить исходник. Экспорт в формате JPEG не сохраняет прозрачность, поэтому избегайте его для графики, которой требуется прозрачный фон. В документации Apple описана настройка качества для экспорта в JPEG и JPEG-2000. Convert image file types using Preview on Mac

Если снимок находится в медиатеке «Фото», выберите его и нажмите Файл > Экспортировать > Экспортировать фото: [количество]. Приложение «Фото» позволяет выбрать тип файла, а для поддерживаемых вариантов — размер изображения и качество JPEG. Набор доступных параметров зависит от формата. Выбирайте вариант Экспортировать оригинал без изменений, когда вам нужен исходный файл, а не новая версия с примененными параметрами экспорта. Export photos, videos, slideshows, and memories on Mac

4. Сравните результат и меняйте параметры по одному

Откройте экспортированный файл и оцените его в том размере, в котором его увидят пользователи. Обратите внимание на размытие мелких деталей, блочные артефакты, ореолы вокруг текста, ступенчатость на плавных градиентах и потерю прозрачности. Также проверьте экспортированные размеры в пикселях и вес файла в окне «Свойства» (Get Info) Finder. Оценивайте результат визуально в сравнении с оригиналом, а не только по значению на ползунке качества: универсальной степени сжатия для всех изображений не существует, и руководство web.dev рекомендует тестировать разные уровни сжатия и убеждаться, что результат соответствует стандартам качества. Image performance

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

Практическое правило перед загрузкой

Перед публикацией убедитесь в трех вещах: сайт поддерживает выбранный формат, размеры в пикселях соответствуют параметрам отображения, а экспортированное изображение остается четким в этом размере. «Просмотр» предоставляет удобные стандартные инструменты Mac для изменения размера и экспорта в JPEG; однако приложение поддерживает не все современные веб-форматы и не подбирает автоматически идеальные настройки для конкретного сайта. Окончательный выбор зависит от содержимого изображения и требований площадки.

Источники