PDF в JPG в 96 DPI

Девяносто шесть точек на дюйм — это ровно один CSS-пиксель, единица, в которой считает вёрстка. Поэтому лист A4 в 794×1123 встаёт в браузере в натуральную величину: ширина картинки совпадает с шириной листа, если страницу отрисовать без масштабирования. A5 даёт 559×794, A3 — 1123×1587. Множитель к исходным пунктам — 4/3, площадь на 78 % больше, чем на семидесяти двух.

Локально в браузередо 1 ГБбез регистрации

Коротко о цифрах

Масштаб: 96 ÷ 72 = 1,333 к размеру страницы в пунктах
Размер листа: A4 794×1123, A5 559×794, A3 1123×1587
Прирост к 72 DPI: сторона в 1,33 раза, площадь в 1,78 раза
Память на страницу: 0,89 Мпикс ≈ 3,4 МБ
Для экрана 2×: нужен запас 192 DPI, берите ступень 200

Почему именно 96, а не 100

Число досталось вебу от экранов, где дюйм считали за 96 точек, и закрепилось в спецификации: один CSS-пиксель равен 1/96 дюйма. Всё, что вы задаёте в вёрстке в пикселях, меряется этой линейкой, поэтому растеризация страницы именно в 96 DPI даёт картинку, которая ложится в разметку без коэффициентов.

Практический вывод простой: если вы готовите изображение документа для сайта, справки или базы знаний и собираетесь показать его «во всю ширину листа», 794×1123 — это и есть та ширина. Для превью в ленте достаточно семидесяти двух, а для экранов с двойной плотностью нужен уже двойной запас.

Ретина и почему 96 на ней мягкий

Экран с плотностью 2× показывает один CSS-пиксель двумя физическими, поэтому картинку в 96 DPI он растягивает вдвое и она выглядит мягкой.
Честный запас для такого экрана — 192 точки на дюйм; ближайшая доступная ступень 200, разница в четыре процента невидима.
Кегль 10 занимает здесь 13 пикселей против 28 на двухстах — вот эта разница и читается на ретине как резкость.
Линия толщиной 0,5 пункта всё ещё меньше пикселя (0,67), так что тонкие рамки по-прежнему серые.
Потолок канваса на этой ступени задевает только огромные форматы: A0 просит 3179×4494 и зажимается примерно до 87 DPI.

Порядок работы

Загрузите PDF — обработка идёт целиком во вкладке, ничего не отправляется на сервер.
Пресет уже выставил JPEG и 96 точек на дюйм.
Посмотрите на пиксельный размер рядом с файлом: это и есть будущая ширина картинки в вёрстке.
Если картинка пойдёт на экран с двойной плотностью, переключите разрешение на 200 прямо в панели.
Скачайте результат: одна страница отдаётся файлом, несколько — архивом.

Частые вопросы

Чем 96 DPI отличается от 72 на глаз?

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

Какую ширину указывать в вёрстке для такой картинки?

Натуральную: 794 CSS-пикселя для A4. Изображение при этом займёт на экране ровно ту же ширину, что и лист бумаги в масштабе сто процентов, и не будет ни растянуто, ни сжато браузером.

Почему для ретины советуют 200, а не 192?

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

Можно ли получить прозрачный фон в этом формате?

Нет, у JPEG вообще нет альфа-канала, а страница перед отрисовкой заливается белым. Даже переключение на PNG прозрачности не добавит: белый фон окажется в файле как обычные непрозрачные пиксели.