Spaces:
Build error
Build error
File size: 4,731 Bytes
5e5e9b4 75cedfb 5e5e9b4 75cedfb 5e5e9b4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | # Разрешение и DPI
## Разрешение = количество пикселей
Оно выражается через произведение сторон, например `1920x1080`. Изображения с высоким расширением передают больше информации.
**Стандартные разрешения:**
| Обозначение | Стороны | Соотношение | Применение |
| ----------- | --------- | ----------- | ------------------------ |
| 144p | 256×144 | 16/9 | low-quality |
| 270p | 480×270 | 16/9 | low-quality |
| 360p | 480×360 | 4/3 | mobile low resolution |
| 480p | 640x480 | 4/3 | VGA - old TV |
| 540p | 960×540 | 16/9 | PowerPoint Presentations |
| 720p | 1280×720 | 16/9 | HD |
| 1080p | 1920×1080 | 16/9 | Full HD |
| 2160p | 3840x2160 | 16/9 | 4K |
16/9 - стандартное соотношение сторон. Поэтому в разрешении можно указывать только одно число. Обычно это высота. Исключение - 360p и 480p. Это старые TV форматы - legacy.
На Youtube качество измеряется в 1080p, 720p, и тд. Это число показывает, сколько пикселей информации приходит на устройство. Затем эти пиксели нужно "натянуть" на экран. Рассмотрим пример, когда разрешение монитора 1920x1080:
- Качество 1080p: каждый пиксель отображается 1 в 1. Картинка четкая.
```
1080p on 1080p display:
Video pixel: Monitor pixel:
[*] → [#]
```
- Качество 360p: на каждый пиксель изображения приходится 3x3=9 пикселей экрана (по двум осям картинки).
```
360p on 1080p display:
Video pixel: Monitor pixels:
[*] → [# # #]
[# # #]
[# # #]
```
Разрешение не измеряет качество напрямую. Оно отражает количество информации.
## DPI - Dots Per Inch
Параметр dpi отвечает за качество преобразования pdf в png. Больше dpi - более четкое изображение. dpi=72 - стандарт для pdf-страницы.
dpi - параметр масштаба. У изображений на компьютере размеры в пикселях - никаких дюймов. dpi изображения влияет на его размер при печати. Но компьютер отображает изображения с разным dpi одинаково. [Ссылка на reddit](https://www.reddit.com/r/graphic_design/comments/1bjzivx/comment/kvwjyh7/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button)
Мы же хотим получить изображение из pdf. По стандарту pdf имеет dpi=72. Это нужно, чтобы на всех принтерах страница А4 печаталась одинаково. Поэтому если указать dpi=144 при конвертации - получим изображение, которое в 2x2=4 раза больше оригинала (по каждой из осей). Укажем dpi=36 - изображение будет в 4 раза меньше. [Ссылка на doc Pymupdf](https://pymupdf.readthedocs.io/en/latest/recipes-images.html#how-to-increase-image-resolution)
В итоге оба изображения будут растянуты на весь монитор. Поэтому уменьшенная картика будет смотреться менее четко. В увеличенной картинке четче станут все векторные элементы: текст, svg. Но встроенные изображения - нет, они просто увеличатся.
## Разрешение и DPI презентаций
- Стандартное разрешение PowerPoint: 960x540 - 16/9
- Стандартный dpi pdf: 72
Разрешение при конвертации в картинку (пусть dpi=144)
- Находим параметр масштаба: dpi/72 = 2
- Домножаем стороны: 1920x1080
|