DPI/PPI
DPI/PPI (Dots/Pixels Per Inch)
DPI (dots per inch) and PPI (pixels per inch) measure image resolution density. PPI describes screen display density, while DPI refers to print output resolution. 72 PPI is standard for web, 300 DPI for print.
ๆๆฏ็ป่
PPI affects display size: a 3000x2000 pixel image at 300 PPI prints as 10x6.67 inches. Changing PPI metadata without resampling does not alter pixel data or file size.
็คบไพ
```javascript
// DPI/PPI: processing with Canvas API
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
ctx.drawImage(sourceImage, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
// Process pixels in imageData.data (RGBA array)
```
็ธๅ ณๅทฅๅ ท
ๅ
ๅ็ผฉๅพ็
่ฐ
่ฐๆดๅพ็ๅคงๅฐ
่ฃ
่ฃๅชๅพ็
ๆ
ๆ่ฝฌๅพ็
็ฟป
็ฟป่ฝฌๅพ็
่ฝฌ
่ฝฌๆขๅพ็ๆ ผๅผ
ๅพ
ๅพ็ๆทปๅ ๆฐดๅฐ
S
SVG ่ฝฌ PNG
ๅพ
ๅพ็่ฝฌ Base64
ๅ
ๅ่งๅค็
ๆทป
ๆทปๅ ่พนๆก
ๅพ
ๅพ็ๆปค้
่ฐ
่ฐๆดๅพ็
ๆจก
ๆจก็ณๅพ็
้
้ๅๅพ็
่ฃ
่ฃๅชไธบๆญฃๆนๅฝข
G
Grayscale Image
S
Sepia Image
P
Pixelate Image
S
Strip Image Metadata