# Ruxsat, o‘lcham va DPI: tasvir o‘lchamini qanday to‘g‘ri tanlash kerak

Источник / Source: https://picwin.co/uz/blog/tasvir-olchami-va-dpi
Язык / Language: uz
Рубрика / Topic: Texnologiyalar
Автор / Author: Picwin tahririyati
Опубликовано / Published: 2026-03-10T00:00:00.000Z
Обновлено / Updated: 2026-09-03T11:17:26.468Z
Слов / Words: 1375 · Чтение / Reading: 7 min
Обложка / Cover: https://picwin.co/api/picwin/blog-images/058573527504f201ca01598c8389346b047150577721ac9894b673625a3b6d26.webp
Переводы / Translations: en: https://picwin.co/en/blog/image-size-resolution-and-dpi, kk: https://picwin.co/kk/blog/suret-olshemi-jane-dpi, pt: https://picwin.co/pt/blog/tamanho-resolucao-e-dpi, ru: https://picwin.co/blog/razreshenie-razmery-i-dpi

Piksellar, dyuymlar va bir dyuymdagi nuqtalar — ko‘pincha adashtiriladigan uch xil kattalik. Ularni o‘zaro aylantirish, ekran va bosma uchun kerakli piksellarni hisoblash hamda tasvirni kesmaslik uchun nisbat tanlashni tushuntiramiz.

---

**Qisqacha**

Tasvir o‘lchami — bu piksellar va faqat piksellar. Bir dyuymdagi nuqtalar
piksellar qog‘ozga tushirilganda paydo bo‘ladi: jismoniy o‘lcham piksellar
sonining ppi ga bo‘linmasiga teng. Ekran uchun slot kengligini ekran zichligini
hisobga olib sanang; bosma uchun millimetrlarni 25.4 ga bo‘lib, 300 ga ko‘paytiring.

Tasvir o‘lchamiga doir savollarning yarmi bitta fikr bilan yechiladi: faylda
santimetr bo‘lmaydi. Fayl ichida, masalan, 4000 × 3000 o‘lchamli piksellar
to‘ri bor. Santimetr va dyuymlar bu to‘r muayyan qurilmada ko‘rsatilganda yoki
muayyan qog‘ozga tushirilganda, ya’ni keyinroq paydo bo‘ladi.

## Ruxsat o‘lchamdan nimasi bilan farq qiladi?

Fayl ruxsati — gorizontal va vertikal yo‘nalishdagi piksellar soni.
4000 × 3000 — 12 million piksel, ya’ni o‘sha “12 megapiksel”. Faylda jismoniy
kattalik haqida boshqa ma’lumot yo‘q.

Bir dyuymdagi nuqtalar (dpi) va bir dyuymdagi piksellar (ppi) tasvir xususiyati
emas, balki uni chop etish yoki ko‘rsatish zichligidir. Aniq aytganda, ppi tasvir
va ekranga, dpi esa bosma qurilmasiga tegishli. Ammo kundalik nutqda va
bosmaxona talablarida bu qisqartmalar sinonim sifatida ishlatiladi.

JPEG yoki TIFF ichida ppi qiymati yozilgan bo‘ladi, lekin u muharrir uchun oddiy
ko‘rsatma, xolos. Qiymatni 72 dan 300 ga almashtirish faylga birorta ham piksel
qo‘shmaydi: faqat muharrir qog‘ozda chiqaradigan o‘lcham o‘zgaradi.

O‘n soniyada tekshirish

Fayl xususiyatlarini ochib, ko‘paytirish belgisi bilan ajratilgan ikki sonli
qatorni toping. Sizdagi haqiqiy ma’lumot shu. Yonida piksellar soni bo‘lmagan
“300 dpi” hech narsani anglatmaydi.

## Millimetrni pikselga qanday aylantirish mumkin?

Formula bitta va juda qisqa:

**piksellar = millimetrlar ÷ 25.4 × ppi**

Yigirma besh butun o‘ndan to‘rt — bir dyuymdagi millimetrlarning o‘zgarmas
soni. 300 ppi standartida bosma o‘lchamlar jadvali aynan shu formuladan chiqadi.

Format
Millimetrlar
300 ppi dagi piksellar

Tashrif qog‘ozi
85 × 55
1004 × 650

10 × 15 fotosurat
100 × 150
1181 × 1772

A6, otkritka
105 × 148
1240 × 1748

A5, flayer
148 × 210
1748 × 2480

A4, varaq
210 × 297
2480 × 3508

A3, afisha
297 × 420
3508 × 4961

Teskari masala ham shunday yechiladi: piksellarni ppi ga bo‘lib dyuymni toping,
so‘ng 25.4 ga ko‘paytirib millimetrga o‘ting. 300 ppi dagi 2000 × 1500 kadr
169 × 127 mm, ya’ni A5 dan biroz kichik. Xuddi shu kadr 150 ppi da
339 × 254 mm, deyarli A4 bo‘ladi, ammo tafsilot zichligi ikki baravar past.
150 ppi qachon yetarli bo‘lishi haqida
[tasvirni bosmaga tayyorlash](/uz/blog/tasvirni-bosmaga-tayyorlash) maqolasida
batafsil o‘qing.

## Ekranga nechta piksel kerak?

Tasvir sahifada egallaydigan joy miqdorini ekran zichligiga ko‘paytirgandagi
soncha piksel kerak.

Maket CSS-piksellarda o‘lchanadi, ekrandagi jismoniy nuqtalar esa odatda
ko‘proq. “Retina” telefon va noutbuklar bitta CSS-piksel o‘rnida ikki yoki uchta
nuqtani ko‘rsatadi. Brauzer bu qiymatni `devicePixelRatio` deb ataydi. Tasvir
800 CSS-piksel kenglikni egallasa, zichligi 2 bo‘lgan ekranda uning haqiqiy
kengligi 1600 piksel bo‘ladi.

Amaliy qoida shundan keladi: **fayl kengligi = slot kengligi × 2**. Ikkinchi
ko‘paytiruvchidan yuqorisini quvish shart emas: ko‘z 2× va 3× orasidagi farqni
deyarli sezmaydi, fayl vazni esa maydon kabi, ya’ni 2.25 baravar oshadi. Bu
vazn bilan nima qilishni
[sayt uchun tez rasmlar](/uz/blog/sayt-uchun-tez-rasmlar) maqolasida aytdik.

## Qaysi tomonlar nisbatini tanlash kerak?

Tomonlar nisbati mutlaq o‘lchamdan muhimroq: o‘lchamni kichraytirish oson,
nisbatni esa faqat kesish bilan o‘zgartirish mumkin, kesish kompozitsiyani buzadi.

Nisbat
Qayerda uchraydi

1:1
katalog prevyusi, avatarlar, mahsulot kartalari

4:5
vertikal lenta, mobil post

3:2
klassik kamera kadri, foto bosma

16:9
muqovalar, slaydlar, video kadr

1.91:1
ijtimoiy tarmoq havolasi (og:image)

9:16
vertikal video va storilar

Kadrni qayta tuzishda qancha joy yo‘qolishini hisoblang. 3:2 surat 4:5 formatda
kengligining 0.8 ÷ 1.5 = 0.53 qismini saqlaydi, demak, kadr kengligining deyarli
yarmi ketadi. Ham lenta, ham muqovada ishlatiladigan syujetni chetlarida zaxira
joy qoldirib suratga olish yoki generatsiya qilish kerak.

![Uch ustunli jadval vazifalarni kadr nisbati va kerakli piksel o‘lchamlari bilan solishtiradi](/api/picwin/blog-images/97204c59380820904f2316c6c0acfbcd1485d12575c5653a09f990024983a377.webp)

Piksellar vazifadan hisoblanadi: avval slot, keyin ekran zichligi.

## Platformalar qanday o‘lchamlarni talab qiladi?

Platforma talablari o‘zgaradi, shu sabab ularning o‘z ma’lumotnomasi yagona
ishonchli manbadir. Nashr paytidagi rasmiy hujjatlarda quyidagilar ko‘rsatilgan.

Platforma yoki vazifa
Talab

Ijtimoiy tarmoq havolasi
1200 × 630 dan, minimum 200 × 200, fayl 8 MB gacha

YouTube muqovasi
3840 × 2160, minimum kenglik 640, JPG yoki PNG

Picwin maqola muqovasi
1200 × 675

Picwin ish prevyusi
kvadrat 1024 × 1024

Birinchi ikki qator
[Open Graph tasvir talablari](https://developers.facebook.com/docs/sharing/webmasters/images/)
va
[YouTube video belgisi ma’lumotnomasi](https://support.google.com/youtube/answer/72431)
asosida yozilgan. Ularda fayl vazni cheklovlari ham bor: havola prevyusi uchun
8 MB, telefondan yuklangan belgi uchun 2 MB. Oxirgi ikki qator — sayt belgilash
kodida e’lon qilingan o‘z o‘lchamlarimiz.

## Vazifa uchun o‘lcham qanday tanlanadi?

-

### Yakuniy yuzani aniqlang

Ekran, bosma yoki ikkalasi. Buni hal qilmasdan piksel sonini aniqlab bo‘lmaydi.

-

### Slotni o‘lchang

Ekran uchun soha kengligini CSS-piksellarda, bosma uchun mahsulot kengligini
millimetrlarda o‘lchang.

-

### Zichlikka ko‘paytiring

Ekran uchun 2 ga ko‘paytiring. Bosma uchun yuqoridagi formula bo‘yicha
millimetrlarni 300 ppi da aylantiring, katta formatlarda pastroq zichlik oling.

-

### Oqilona qiymatgacha yuqoriga yaxlitlang

Ortiqcha ikki yuz piksel deyarli hech narsaga tushmaydi, ikki yuz piksel
yetishmasligi esa tasvirni kattalashtirishga majbur qiladi.

-

### Eng tor platformaga mos nisbatni tanlang

Kadr kvadrat ham, keng ham kerak bo‘lsa, chetlarida zaxira joyi bor keng
variantni yarating va undan kvadratni kesib oling.

-

### Manba faylni saqlang

Maksimal o‘lchamdagi original keyin boshqa o‘lchamni yo‘qotishsiz chiqarishning
yagona yo‘lidir.

## Kichraytirganda nima sodir bo‘ladi?

Kichraytirish ham qayta hisoblash, faqat kamroq og‘riqli turi. To‘rtta qo‘shni
pikseldan bittasi hosil bo‘ladi, mayda tafsilotlar o‘rtachalanadi: ingichka
chiziqlar oqaradi, kadrdagi peshlavha matni o‘qilmaydi, shovqin bir tekis kulrangga
aylanadi.

Ikki qoida kelib chiqadi. Birinchisi: tasvirni 10% lik zinapoya bilan emas, bir
qadamda kichraytirish yaxshi, chunki har qadam yana o‘rtachalaydi. Ikkinchisi:
kuchli kichraytirishdan keyin yengil o‘tkirlik kerak, aks holda kadr sust
ko‘rinadi. O‘tkirlik yakuniy o‘lchamda oxirgi amal sifatida qo‘shiladi, aks holda
siqish konturlar bo‘ylab halolar yaratadi.

Eng muhimi, hosila o‘lchamlarni bir-biridan emas, originaldan yarating.
800 pikselgacha kichraytirilib, keyin 1200 gacha cho‘zilgan va yana siqilgan
tasvir uch marta sifat yo‘qotadi, har qadam zararsiz ko‘rinsa ham.

## Kichik tasvirni kattalashtirish mumkinmi?

Kattalashtirish mumkin, lekin tafsilot qo‘shib bo‘lmaydi. Oddiy interpolyatsiya
yangi piksellarni qo‘shnilaridan hisoblaydi: chegaralar yumshaydi, tekstura
bo‘tqaga aylanadi. Neyrotarmoq apskeyli yaxshiroq ko‘rinadi, ammo yo‘qolgan
narsani tiklamaydi, balki ishonarli qismlarni chizadi: soch, harf va mayda
naqshlarni o‘zi o‘ylab topadi.

Ekran uchun amaliy chegara taxminan ikki karra kattalashtirish, agar tasvirga
juda yaqindan qaralmasa. Bosma uchun har qanday kattalashtirishni 100% da
tekshiring: ekran tasvirni kichraytirib ko‘rsatadi va o‘tkirlik haqida aldaydi.

Eng qimmatga tushadigan uch xato

Fayl xususiyatlarida “300 dpi” qo‘yib, tasvir bosmaga tayyor deb o‘ylash.
Yagona originalni bitta platforma uchun kesish. 16:9 muqova kerak bo‘lganda
kvadrat generatsiya buyurtma qilish.

## Fotostok bilan ishlash uchun bu nimani anglatadi?

Tayyor tasvirni olayotganda uning o‘lchami siz uchun allaqachon belgilangan,
shuning uchun xariddan keyin emas, oldin tekshiring. Picwin ishlari katalog
briflari asosida neyrotarmoqlarda yaratiladi. Peshtaxtadagi prevyu tomoni
1024 piksel, yakuniy ish o‘lchami esa uning sahifasida ko‘rsatiladi.

[TexnikaTexnika, interfeys va ma’lumotlarga oid kadrlar — keng va kvadrat variantlar eng
ko‘p kerak bo‘ladigan mavzular.
Ishlarni ko‘rish](/uz/category/technology)[MaketlarMokap va fonlar: ular uchun nisbat juda muhim, chunki kadr keyin maketga moslab
kesiladi.
Ishlarni ko‘rish](/uz/category/mockups)

**Asosiysi**

- Fayl o‘lchami — piksellar; ppi faqat jismoniy tashuvchi bilan paydo bo‘ladi.

- Millimetrni pikselga aylantirish: 25.4 ga bo‘ling va zichlikka ko‘paytiring.

- Ekran uchun slot kengligini 2 ga ko‘paytirib oling.

- Nisbat oldindan tanlanadi, uni faqat kesish orqali o‘zgartirish mumkin.

- Oddiy ham, neyrotarmoqli ham kattalashtirish haqiqiy tafsilot qo‘shmaydi.

Kerakli o‘lchamdagi kadr kerakmi?

Picwin mini-ilovasida tasvir oldindan ma’lum nisbatli vazifa uchun yaratiladi va
peshtaxtada ishlatishga tayyor holda keladi.

[Mini-ilovani ochish](/uz/partners)

### Sayt banneri uchun qanday o‘lcham kerak?

Banner kengligini CSS-piksellarda 2 ga ko‘paytiring. Noutbuk ekranining to‘liq
kengligidagi banner taxminan 1440 CSS-piksel, demak fayl kengligi 2880 piksel.

### 300 dpi nima va u doim kerakmi?

Bu bir dyuym qog‘ozga 300 piksel, qo‘l uzunligidan ko‘riladigan nashrlar uchun
standart. Uch metr masofadan ko‘riladigan plakatga ancha past zichlik yetadi.

### A4 bosmasi uchun nechta megapiksel kerak?

300 ppi da 2480 × 3508 = 8.7 megapiksel. Har qanday zamonaviy kamera va deyarli
har qanday yuqori ruxsatli generatsiya bundan oshadi.

### Nega tasvir telefonda xira ko‘rinadi?

Fayl ekran zichligini hisobga olmasdan CSS-slot o‘lchamida berilgan bo‘lishi
mumkin: telefon 400 pikselni 800 jismoniy nuqtaga cho‘zadi.

### Nisbatni yo‘qotishsiz o‘zgartirish mumkinmi?

Yo‘q. Nisbat kesish yoki chetlarni chizish bilan o‘zgaradi. Kesish kadr qismini
yo‘qotadi, chizish esa aslida bo‘lmagan narsani qo‘shadi.

### Originalni qanday o‘lchamda saqlash kerak?

Mavjud maksimal o‘lchamda, qayta siqmasdan. Barcha hosila o‘lchamlar bir-biridan
emas, doim shu originaldan yaratiladi.

### Platforma aytilmagan bo‘lsa, qaysi o‘lcham tanlanadi?

Uzun tomoni 2000 piksel bo‘lsin: bu to‘liq ekran namoyishi va A5 gacha bosma
uchun yetadi, fayl vazni esa me’yorida qoladi.

Mavzuning davomi: [fayl formatlari va ularni qachon
tanlash](/uz/blog/tasvir-formatlari-jpeg-png-webp-avif) hamda [tez sayt uchun
tasvir tayyorlash](/uz/blog/sayt-uchun-tez-rasmlar). Tayyor ishlar
[katalogda](/uz/catalog).