Изображения и фотографии · Изменение размера изображений в социальных сетях
Пиксели, DPI и соотношение пикселей устройства: что означает «разрешение» на экранах
· Фон
разрешение изображения пиксели изменение размера изображения
Привычки печати говорят 300 DPI, но социальные платформы полностью игнорируют DPI и заботятся только о размерах в пикселях и о том, как устройство их масштабирует. В этом посте разбираются пиксели, точки, метаданные DPI и соотношение пикселей устройства, чтобы вы перестали экспортировать неправильные данные.
Изображение «300 DPI», которое все еще было размытым — конкретная путаница при применении правил печати на экране.
Изображение с меткой 300 DPI все равно может выглядеть на экране мягким, если оно содержит слишком мало пикселей для отображаемой области. DPI связывает пиксели с физическим размером печати; он не производит образцы. Social Image Resizer запрашивает ширину и высоту вывода в пикселях и никогда не предлагает поле DPI.
Этот выбор интерфейса определяет контракт на продукт. Текущая предустановка портрета составляет 1080×1350 пикселей, а режим пользовательского соотношения определяет целочисленные размеры в пикселях от самого длинного края. Кодер записывает новое изображение с холста. Код не читает, не сохраняет и не позволяет пользователю редактировать тег плотности печати.
Метаданные DPI находятся вне контроля этого инструмента; выходная геометрия определяется в пикселях
Для печати деление размеров пикселей на выбранное значение точек или пикселей на дюйм позволяет оценить физический размер. Эта взаимосвязь может служить ориентиром для принтеров, но один и тот же файл может содержать метаданные различной плотности без получения или потери образцов пикселей. Изображение 1200×1200 сохраняет 1,440,000 пикселей независимо от изменения тега печати.
Эта статья исправляет более сильное утверждение, содержащееся в схеме, о том, что экраны никогда не читают DPI ни при каких обстоятельствах. Репозиторий не тестирует поведение каждого браузера, приложения или изображения CSS. Это доказывает, что арифметика кадрирования ToolAcre использует размеры растрового изображения и целевых пикселей, а не метаданные DPI.
История 72 DPI находится за пределами репозитория и опускается.
Знакомая история 72 DPI принадлежит истории отображения, но в репозитории инструмента нет цитируемого источника для этой истории. Повторение превратило бы схему в ничем не подтвержденный факт. Для этого рабочего процесса полезный урок независим: метка плотности и пиксельная сетка — это разные части информации.
Если историческое происхождение имеет значение, обратитесь к справочному источнику по истории показа. Если общественная культура имеет значение, проверьте ширину и высоту. Разделение этих вопросов не позволяет этикетке эпохи печати отвлекать рецензентов от фактического целевого холста и масштаба, в котором отображается изображение.
Соотношение пикселей устройства — почему логические точки телефона поддерживаются двумя или тремя физическими пикселями и что это означает для того, насколько большим должно быть ваше изображение.
Соотношение пикселей устройства связывает CSS единиц дисплея с пикселями физического устройства. На адаптивной странице может отображаться тот же элемент размером CSS с большим количеством аппаратных пикселей на более плотном экране. ToolAcre использует devicePixelRatio в качестве холста предварительного просмотра на экране, тогда как ExportTarget визуализируется отдельно с полными выходными размерами цели.
Такое разделение позволяет избежать путаницы между разрешением резервной копии предварительного просмотра и размером загружаемого файла. Телефон с высокой плотностью изображения может сделать холст предварительного просмотра четким, но он не будет автоматически увеличивать настройки экспорта. В таблице результатов указаны фактические размеры файла, которые являются правильными значениями для передачи в другой рабочий процесс.
Обработку места назначения DPI и размеров загрузки необходимо проверить извне.
В книге говорится, что платформы игнорируют DPI и изменяют размер до своих собственных размеров. Целевое поведение находится за пределами репозитория, поэтому данная статья не делает его универсальным. Проконсультируйтесь с текущим руководством по пункту назначения и проверьте результат в реальном времени. ToolAcre может гарантировать только размеры в пикселях локального вывода холста.
Если требование пункта назначения записано в пикселях, сопоставьте эти пиксели или альтернативу, документированную в настоящее время. Если рабочий процесс печати также использует файл, управляйте его метаданными плотности с помощью соответствующего инструмента. Один производный может не удовлетворять обоим вариантам использования просто потому, что число DPI кажется большим.
Рабочий пример: сравнение размеров в пикселях, оставляя в стороне неподдерживаемые утверждения DPI.
Создайте два тестовых экспорта из одного и того же источника: один текущий набор настроек профиля 800×800 и один шаблон профиля квадратной стойки 1080×1080. Сравните их при одинаковом размере экрана CSS и с соотношением пикселей один к одному. Большая сетка дает рендереру больше исходных образцов для работы, хотя видимая выгода зависит от отображения и контента.
Не изменяйте и не требуйте тег DPI в этом упражнении, поскольку ToolAcre не предоставляет такого контроля. Записывайте только размеры, формат, измеренные байты и наблюдаемый внешний вид. Эти доказательства демонстрируют, что на самом деле изменил инструмент, и позволяют избежать приписывания точности метаданным, которые не были ни проверены, ни выбраны.
Что сюда не входит — печатная продукция и цветопроба, где DPI имеет значение.
Печать, пробная печать и управление цветом остаются отдельными. Принтерам необходимы физические размеры, знание материала и соответствующая плотность пикселей; этот урожайник не рассчитывает эти потребности. Его содержание также предупреждает, что необычные исходные цветовые профили не сохраняются через холст.
Если важны дюймы, сантиметры, профили обрезки или цветопробы, используйте специальное приложение для печати. Используйте функцию Social Image Resizer, если задание представляет собой пиксельный прямоугольник для размещения на экране. Четкие границы не позволяют успешному социальному экспорту быть ошибочно принятым за готовый к печати мастер.
Вывод: думайте в пикселях — Social Image Resizer работает с размерами в пикселях и соотношениями сторон, а это все, что когда-либо видит экран.
Для этого инструмента думайте о пикселях, потому что пиксели — это входные данные для каждого уравнения кадрирования и размеры каждого выходного холста. Считайте DPI отдельными метаданными печати, если в проверяемом контракте назначения не указано иное. Соотношение пикселей устройства влияет на то, как браузер представляет предварительный просмотр, а не на указанную цель экспорта.
Выберите текущий предустановленный или собственный размер пикселей, проверьте загруженные размеры и протестируйте изображение в предполагаемом масштабе дисплея. Этот рабочий процесс решает практический вопрос без мифов. Большая метка DPI не может компенсировать небольшой источник, в то время как явная пиксельная сетка дает рецензентам измеримый артефакт.