PDF-тен JPG: 96 DPI

Дюймге тоқсан алты нүкте — бұл дәл бір CSS-пиксель, яғни беттің қалыптауы санайтын бірлік. Сондықтан 794×1123 өлшеміндегі A4 парағы браузерде нақты шамасында тұрады: масштабтаусыз салынған беттің ені суреттің енімен беттеседі. 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-пиксель дюймнің 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-ден көзге қалай ерекшеленеді?

Кәдімгі экранда дерлік ешқалай: әріптер сәл тығызырақ болады, өйткені он кегль он емес, он үш пиксель алады. Айырма суретті ұлғайтқанда және нүкте тығыздығы екі еселенген дисплейлерде байқалады.

Мұндай суретке қалыптауда қандай ен қою керек?

Табиғи енін: A4 үшін 794 CSS-пиксель. Сонда сурет экранда жүз пайыздық масштабтағы қағаз парағымен дәл бірдей ен алады және браузер оны не созбайды, не қыспайды.

Ретинаға неге 192 емес, 200 ұсынылады?

Құрал сатылардың тіркелген жиынын ұсынады, оның ішінде 192 жоқ. Екі жүз нүкте керегінен төрт пайызға көп пиксель береді — бұл көзге көрінбейтін қор, ажыратымдылық жетпегеннен әлдеқайда жақсы.

Осы пішімде мөлдір фон алуға бола ма?

Жоқ, JPEG-те альфа-арна мүлде жоқ, ал бет салынар алдында ақ түспен құйылады. PNG-ге ауыстыру да мөлдірлік қоспайды: ақ фон файлға кәдімгі мөлдір емес пиксель болып түседі.