Подготовить картинку для экрана
Узнайте ширину места, где её покажут, и подгоните размер в пикселях. Для фотографии обычно подходит JPEG, для схемы или снимка экрана с текстом — PNG.
Независимый справочник о форматах и подготовке изображений. Не распространяет картинки и файлы, не даёт юридических консультаций и не связан с прежним сайтом на этом домене.
Инструкции
Большинство неприятностей с картинками случается в последний момент: файл не проходит по размеру в письмо, слайд с логотипом напоминает лоскутное одеяло, а отпечаток получается мыльным. Здесь собраны инструкции для обычных задач, которые лучше решить до того, как нажата кнопка «Отправить».
Оригинал картинки — как черновик договора: его не правят, правят копию.
Как читать раздел: советы даны без привязки к конкретной программе и годятся для большинства редакторов изображений, в том числе для тех, что встроены в систему. Названия пунктов у вас могут отличаться, но порядок действий почти всегда тот же. Прежде чем что-то менять, сделайте копию исходного файла: изменение размера и сжатие с потерями назад не отматываются.
Задачи, с которыми рано или поздно сталкивается каждый, кто вставляет картинки в письма, документы и слайды.
Узнайте ширину места, где её покажут, и подгоните размер в пикселях. Для фотографии обычно подходит JPEG, для схемы или снимка экрана с текстом — PNG.
Прикиньте, сколько пикселей понадобится для размера отпечатка при выбранной плотности точек. Если исходника не хватает, лучше уменьшить отпечаток, чем растягивать картинку.
Подгоните размер до вставки, а не растягивайте картинку мышью внутри документа. Тяжёлые фотографии делают документ медлительным и неудобным для пересылки.
Прозрачность хранят PNG и SVG, а JPEG заполняет пустые места сплошным цветом. Если фон внезапно стал белым, первым делом проверьте формат.
Добавьте альтернативный текст: короткое описание того, что изображено и зачем картинка здесь стоит. Подпись «изображение» или имя файла никому не помогает.
В этом каталоге появятся отдельные статьи Clipday, написанные именно для русской версии справочника.
Пока каталог пуст: статьи появятся здесь, когда будут готовы.
Работайте с копией, а исходный файл уберите в сторону. Если результат не понравится, вы всегда сможете начать заново, а не пытаться вернуть пиксели, которых уже нет.
Сначала уберите то, что не относится к делу: пустое небо, край стола, чужой локоть. Обрезка уменьшает файл честнее любого сжатия, потому что выбрасывает ненужное, а не ухудшает нужное.
Уменьшите изображение до размера, в котором его будут смотреть. Снимок, который откроют на телефоне или в окне письма, не обязан хранить всё разрешение камеры. Следите, чтобы пропорции сохранялись и картинка не сплющилась.
Условный пример: фото откроют в окне письма шириной в половину экрана — значит, держать в нём во много раз больше пикселей по ширине просто незачем.
Для фотографии подойдёт JPEG с умеренным сжатием, для снимка экрана с текстом — PNG. Сохраняйте JPEG из исходника за один заход: каждое повторное сохранение с потерями добавляет новые искажения.
Откройте результат в натуральную величину и посмотрите на лица, мелкий текст и границы контрастных предметов. Если появились ступеньки или грязные пятна вокруг краёв, ослабьте сжатие и сохраните снова из копии оригинала.
Какие виды программ и функций пригодятся для работы с изображениями: от встроенного просмотрщика до векторного редактора и пипетки.
Растр и вектор, JPEG, PNG, SVG и PDF, экран и печать: таблицы, которые помогают выбрать формат и размер под задачу.
Что делать, если картинка размылась, обросла «лесенкой», стала слишком тяжёлой, потеряла прозрачный фон или потускнела на бумаге.
Словарь терминов: пиксель, разрешение, точки на дюйм, растр, вектор, кривая Безье, сжатие, прозрачность и альтернативный текст.
Ответы о справочнике, о размерах и форматах картинок, о печати и о том, можно ли брать изображения из интернета.
Советы изложены общими словами на дату подготовки. Названия пунктов меню, окон сохранения и настроек экспорта отличаются от редактора к редактору и меняются с обновлениями, поэтому сверяйтесь со справкой той программы, в которой работаете, а не с нашими формулировками буква в букву.