Независимый справочник о форматах и подготовке изображений. Не распространяет картинки и файлы, не даёт юридических консультаций и не связан с прежним сайтом на этом домене.

Инструкции

Практические инструкции

Большинство неприятностей с картинками случается в последний момент: файл не проходит по размеру в письмо, слайд с логотипом напоминает лоскутное одеяло, а отпечаток получается мыльным. Здесь собраны инструкции для обычных задач, которые лучше решить до того, как нажата кнопка «Отправить».

Оригинал картинки — как черновик договора: его не правят, правят копию.

— От редакции

Как читать раздел: советы даны без привязки к конкретной программе и годятся для большинства редакторов изображений, в том числе для тех, что встроены в систему. Названия пунктов у вас могут отличаться, но порядок действий почти всегда тот же. Прежде чем что-то менять, сделайте копию исходного файла: изменение размера и сжатие с потерями назад не отматываются.

Инструкции

Задачи, с которыми рано или поздно сталкивается каждый, кто вставляет картинки в письма, документы и слайды.

Подготовить картинку для экрана

Узнайте ширину места, где её покажут, и подгоните размер в пикселях. Для фотографии обычно подходит JPEG, для схемы или снимка экрана с текстом — PNG.

Сравнения

Подготовить картинку для печати

Прикиньте, сколько пикселей понадобится для размера отпечатка при выбранной плотности точек. Если исходника не хватает, лучше уменьшить отпечаток, чем растягивать картинку.

Словарь

Вставить картинку в документ

Подгоните размер до вставки, а не растягивайте картинку мышью внутри документа. Тяжёлые фотографии делают документ медлительным и неудобным для пересылки.

Инструменты

Сохранить прозрачный фон

Прозрачность хранят PNG и SVG, а JPEG заполняет пустые места сплошным цветом. Если фон внезапно стал белым, первым делом проверьте формат.

Если не так

Подписать изображение

Добавьте альтернативный текст: короткое описание того, что изображено и зачем картинка здесь стоит. Подпись «изображение» или имя файла никому не помогает.

Вопросы

Каталог публикаций для русскоязычных читателей

В этом каталоге появятся отдельные статьи Clipday, написанные именно для русской версии справочника.

Пока каталог пуст: статьи появятся здесь, когда будут готовы.

Темы, которые ждут своей очереди

  • Как подготовить картинку для обложки документа и не растянуть её
  • Почему один и тот же цвет выглядит по-разному на экране и на бумаге
  • Как сделать схему, которая читается и на большом экране, и на телефоне
  • Что делать со старыми фотографиями маленького размера

Редакционные правила

  • Материалы каталога пишутся отдельно для каждой языковой версии и не являются переводами.
  • В некоторых материалах есть ссылки на сторонние сайты, в том числе игровые сервисы; мы не отвечаем за их содержание, цены и условия.
  • Мы не публикуем рекламу сервисов и изданий, рейтинги, цены и отзывы.

Уменьшить фото для отправки без потери качества

  1. Сделайте копию оригинала

    Работайте с копией, а исходный файл уберите в сторону. Если результат не понравится, вы всегда сможете начать заново, а не пытаться вернуть пиксели, которых уже нет.

  2. Обрежьте лишнее

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

  3. Измените размер

    Уменьшите изображение до размера, в котором его будут смотреть. Снимок, который откроют на телефоне или в окне письма, не обязан хранить всё разрешение камеры. Следите, чтобы пропорции сохранялись и картинка не сплющилась.

    Условный пример: фото откроют в окне письма шириной в половину экрана — значит, держать в нём во много раз больше пикселей по ширине просто незачем.

  4. Выберите формат и степень сжатия

    Для фотографии подойдёт JPEG с умеренным сжатием, для снимка экрана с текстом — PNG. Сохраняйте JPEG из исходника за один заход: каждое повторное сохранение с потерями добавляет новые искажения.

  5. Проверьте на экране

    Откройте результат в натуральную величину и посмотрите на лица, мелкий текст и границы контрастных предметов. Если появились ступеньки или грязные пятна вокруг краёв, ослабьте сжатие и сохраните снова из копии оригинала.

  • Инструменты

    Какие виды программ и функций пригодятся для работы с изображениями: от встроенного просмотрщика до векторного редактора и пипетки.

  • Сравнения

    Растр и вектор, JPEG, PNG, SVG и PDF, экран и печать: таблицы, которые помогают выбрать формат и размер под задачу.

  • Если не так

    Что делать, если картинка размылась, обросла «лесенкой», стала слишком тяжёлой, потеряла прозрачный фон или потускнела на бумаге.

  • Словарь

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

  • Вопросы

    Ответы о справочнике, о размерах и форматах картинок, о печати и о том, можно ли брать изображения из интернета.

Источники

  • Документация к графическим форматам и редакторам (общие положения)
  • Редакционные материалы справочника Clipday

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