Rasmga vinyetka qoʻshish: optik yorugʻlik pasayishini taqlid qilish, radial gradiyent niqoblari va obyekt fokusi
⚡Brauzeringizda fotoga qanday vinyetka qoʻshish mumkin
Rasmingizni yuklang
Fotongizni yuklash maydoniga sudrang yoki qurilmangizdan tanlash uchun bosing. Muharrir rasmni interaktiv kanvasga yuklaydi.
Vinyetka radiusi va intensivligini sozlang
Tiniq markaziy hududni kengaytirish yoki toraytirish uchun Radius slayderidan foydalaning va chet soyalashi qanchalik qorongʻi yoki yorugʻ koʻrinishini boshqarish uchun Intensivlik slayderini sozlang.
Chet yumshoqligi va rangni aniq sozlang
Uzluksiz, organik oʻtishni taʼminlash uchun Yumshoqlik slayderini sozlang va klassik qora soyalash yoki yuqori kalitli oq halo soyalash oʻrtasida tanlang.
Vinyetka bilan kuchaytirilgan fotongizni yuklab oling
Professional kompozitsiyali fotongizni yuqori aniqlikdagi PNG, WebP yoki JPEG formatida saqlash uchun 'Rasmni yuklab olish' tugmasini bosing.
Fotografiya, kinematografiya va raqamli vizual hikoyachilikda tomoshabin nigohini yoʻnaltirish badiiy kompozitsiyaning asosiy maqsadidir. Tartibsiz chetlari, yorqin yoritilgan fon chalgʻituvchilari yoki xira chegaralari boʻlgan foto koʻpincha tomoshabin koʻzlarining kadr boʻylab maqsadsiz kezishiga sabab boʻladi. Vinyetkalash — rasm chetlarining markaziy fokus nuqtasiga nisbatan silliq, asta-sekin qorayishi (yoki yorishishi) — vizual sanʼatdagi eng kuchli va abadiy kompozitsiya usullaridan biridir.
Brauzerda ishlaydigan Vinyetka effekti vositamiz aniq optik yorugʻlik pasayishi va kinematografik chet soyalashni toʻgʻridan-toʻgʻri brauzeringizda yaratish imkonini beradi. Matematik radial gradiyent niqoblari orqali tabiiy obyektiv tanasi fizikasiga taqlid qilib, mexanizmimiz sozlanadigan vinyetka radiusi, chet yumshoqligi, intensivlik va rangni (klassik qorongʻi soya vinyetkasi yoki yuqori kalitli vintaj oq vinyetka) taklif etadi. Portret fotografiyasini kuchaytirasizmi, gʻamgin kinematografik manzaralarni yaratasizmi yoki mahsulot suratlariga retro xarakter qoʻshasizmi — vositamiz soniyalar ichida professional natijalarni beradi. HTML5 Canvas orqali 100% brauzeringizda mahalliy bajarilgani sababli shaxsiy fotolaringiz va ijodiy aktivlaringiz butunlay xavfsiz qoladi.
Toʻliq texnik qoʻllanmani oʻqish
Vinyetkalashning optik fizikasi: kosinusning toʻrtinchi daraja qonuni
Anʼanaviy optik muhandislikda vinyetkalash kamera obyektivi geometriyasining tabiiy jismoniy oqibatidir. Yorugʻlik murakkab obyektiv tizimidan oʻtganda periferik yorugʻlik nurlari diafragma va sensor tekisligiga qiya burchaklar ostida tushadi va markaziy oʻq boʻyidagi nurlarga qaraganda uzunroq optik yoʻlni bosib oʻtadi.
Bu jismoniy pasayish XIX asrda Carl August von Steinheil tomonidan shakllantirilgan Yoritilganlikning kosinus toʻrtinchi daraja qonuni bilan boshqariladi: $E_\theta = E_0 \cos^4(\theta)$, bu yerda $E_0$ — markaziy yoritilganlik, $\theta$ — tushish burchagi. Bundan tashqari, jismoniy obyektiv tanalari, obyektiv qalpoqlari va keng diafragmalar yorugʻlik nurlarining sensorning tashqi burchaklariga yetishini qisman toʻsib, mexanik vinyetkalashni keltirib chiqaradi. Optik muhandislar bu effektni kamaytirish uchun murakkab obyektivlarni loyihalashga katta mablagʻ sarflasa-da, vizual rassomlar uning ulkan kompozitsion kuchidan foydalanish uchun boshqariladigan vinyetkalashni ataylab qaytaradi.
Vizual psixologiya: tomoshabin nigohini yoʻnaltirish va idrok ierarxiyasi
Inson oftalmologiyasi va vizual psixologiya inson koʻzlari tabiiy ravishda yuqori kontrastli va nurli yorqin hududlarga tortilishini, qorongʻiroq, past kontrastli chetlarni esa instinktiv eʼtiborsiz qoldirishini koʻrsatadi. Vinyetkasiz fotografiyada yorqin fon elementlari — oʻtib ketayotgan avtomobil, daraxt barglari orasidagi yorqin osmon parchasi yoki chalgʻituvchi belgi — asosiy obyekt bilan bevosita raqobatlashadi.
Nozik vinyetkani qoʻllash periferik chalgʻituvchilarni yumshoq bostiradi. Tashqi burchaklarni 10%–30% soyalash orqali tomoshabin nigohi kadr markaziga osongina yoʻnaltiriladi va fokus portret obyektining koʻzlariga, elektron tijorat mahsuloti xususiyatiga yoki meʼmoriy eshikka mahkamlanadi. Natijaviy kompozitsiya maqsadli, muvozanatli va vizual jihatdan osoyishta tuyuladi.
Radial gradiyent matematikasi: markaz koordinatalari va Smoothstep pasayishi
Raqamli vinyetka sintezi har bir piksel $(x, y)$ ning rasm markazi $(x_0, y_0)$ dan normallashtirilgan radial masofasini hisoblashga tayanadi:
$$r(x, y) = \sqrt{\left(\frac{x - x_0}{W / 2}\right)^2 + \left(\frac{y - y_0}{H / 2}\right)^2}$$ Ellips vinyetkada gorizontal va vertikal masofalar kanvasning yarim kengligi va balandligi bilan normallashtiriladi va soyalash aylanasimon buzilishsiz keng ekranli 16:9, portret 9:16 yoki klassik 3:2 tomonlar nisbatlariga tabiiy moslashishini taʼminlaydi. Soyalanmagan markaziy tiniq zona ($r_{\text{inner}}$) va toʻliq soyalangan chet ($r_{\text{outer}}$) oʻrtasidagi oʻtish silliq Hermite interpolyatsiyasi (Smoothstep) egri chizigʻi orqali amalga oshiriladi: $f(t) = 3t^2 - 2t^3$. Bu keskin, koʻrinadigan polosali halqalarning oldini oladi va sezilmaydigan, organik yorugʻlik pasayishini taʼminlaydi.
Qorongʻi vinyetka va yorugʻ vinyetka: kinematografik drama va yuqori kalitli vintaj
Vositamiz ikkita alohida badiiy rejimni qoʻllab-quvvatlaydi: • Klassik qorongʻi vinyetka: Tashqi burchaklarni qora yoki koʻmir rangli soya bilan qoraytiradi. Bu kinematografik hikoyachilik, dramatik portret, gʻamgin koʻcha fotografiyasi va film noir estetikasi uchun universal standart. Periferik soyalarda rang toʻyinganligini boyitadi va sahnaga psixologik yaqinlik baxsh etadi. • Yuqori kalitli yorugʻ (oq) vinyetka: Tashqi burchaklarni yumshoq oq yogʻdu bilan yoritadi. Koʻpincha vintaj Viktoriya tintiplarida, romantik toʻy fotografiyasida, xayoliy xotira sahnalarida va bolalar portretlarida eʼzozlanadi. Keskin chetlarni yumshatadi va obyekt atrofida efir kabi, farishtasimon halo yaratadi.
Chet yumshoqligi va radiusni sozlash: nozik sanʼat
Havaskorona foto tahririning belgisi — foto ustiga bosilgan qora tunneldek koʻrinadigan ogʻir, yaqqol vinyetka. Professional vinyetkalash deyarli koʻrinmaydi: tomoshabin filtrni ongli ravishda sezmasdan uning kompozitsion taʼsirini his qilishi kerak.
Vositamiz Radius va Chet yumshoqligi uchun alohida boshqaruvlarni taqdim etadi: • Katta radius + keng yumshoqlik (professional standart): Tiniq ichki radiusni kanvasning 60%–70% iga oʻrnatadi va yumshoq pasayishni keng chegara boʻylab yoyadi. Soyalash shunchalik asta-sekin kiradiki, tomoshabinlar obyektni tabiiy yoritilgan deb idrok etadi. • Tor radius + oʻtkir chet (vintaj oʻyinchoq kamera): Vintaj Holga, Lomo va Diana oʻyinchoq kameralarining agressiv, plastik obyektivli vinyetkalashini simulyatsiya qiladi; retro shahar fotografiyasi va granj estetikasi uchun ideal.
Portret kesish va analog plyonka donadorligi bilan sinergiya
Vinyetkalash toʻplamimizdagi boshqa foto yakunlash vositalari bilan birlashtirilganda eng yuqori ifoda kuchiga erishadi: • Portret mukammalligi: Kvadrat avatar kesish yoki Rasmni kesish bilan obyektning yuziga yaqindan kesing, Rangli qoplama bilan yumshoq iliq tus qoʻllang va eʼtiborni sehrli tarzda koʻzlarga tortish uchun 15% qorongʻi vinyetka qoʻllang. • 1970-yillar analog nostalgiyasi: Sepiya tusini qoʻllash yoki Kulrang tuslarga aylantirish filtrimizni qoʻllang, Shovqin qoʻshish bilan 8% Gauss plyonka donadorligini qoʻshing va 50 yillik oʻrta formatli bosmani simulyatsiya qilish uchun nozik qorongʻi vinyetka bilan yakunlang.
Shaxsiy fotografiya uchun 100% brauzer tomonidagi xavfsizlik
Shaxsiy portret seanslari, oilaviy toʻy fotolari va maxfiy tijoriy mahsulot fotografiyasi nozik shaxsiy xotiralar va xususiy biznes aktivlarini oʻz ichiga oladi. Yuqori aniqlikdagi mijoz galereyalarini uchinchi tomon veb serverlariga yuklash jiddiy maxfiylik xavflarini tugʻdiradi.
Vinyetka effekti vositamiz 100% veb brauzeringiz ichida mahalliy ishlaydi. HTML5 Canvas radial gradiyent soyalash algoritmlari asosida qurilgani uchun barcha piksel manipulyatsiyasi va gradiyent aralashtirish qatʼiy ravishda qurilmangizning izolyatsiya qilingan RAM’i ichida bajariladi. Hech qanday foto yoki maʼlumot hech qachon tashqi tarmoq ulanishi orqali uzatilmaydi va toʻliq maxfiylik hamda GDPR va korporativ xavfsizlik siyosatlariga toʻliq muvofiqlik kafolatlanadi.
💡Vinyetkalash uchun professional eng yaxshi amaliyotlar
- •Noziklik — asosiy narsa: Vinyetka aniq koʻrinmaguncha intensivlikni oshiring, keyin uni 30% ga kamaytiring — professional vinyetka koʻrinmasligi, balki his qilinishi kerak.
- •Fon tartibsizligini yashirish uchun qoraytiring: Agar portret fonida chalgʻituvchi koʻcha belgilari yoki yorqin chiroqlar boʻlsa, qorongʻi vinyetka ularni yumshoq soyaga suradi.
- •Romantik mavzular uchun oq vinyetka: Xayoliy, efir kabi yogʻdu uchun toʻy fotolari, chaqaloq portretlari va yuqori kalitli gul fotografiyasida yumshoq oq vinyetkadan foydalaning.
- •Keng ekranli fotolar uchun ellips shakllar: Vositamiz vinyetkani rasmingizning tomonlar nisbatiga moslaydi va 16:9 manzara suratlarida aylanasimon kesilishning oldini oladi.
- •Plyonka donadorligi bilan birlashtiring: Haqiqiy vintaj analog kamera optikasini qayta yaratish uchun 15% qorongʻi vinyetkani Shovqin qoʻshish vositamizdagi nozik Gauss shovqini bilan birlashtiring.
- •Vinyetka qoʻshishdan oldin kesing: Agar obyektingiz markazdan chetda boʻlsa, vinyetka obyektni mukammal ramkalashi uchun avval fotoni Rasmni kesish bilan kesing.
- •Toʻliq brauzer tomonidagi xavfsizlik: 100% brauzer ichidagi ishlovning xotirjamligidan bahramand boʻling — hech qanday bayt yoki foto hech qachon uzoq serverlarga yuborilmaydi.
🛡️Texnik xususiyatlar va Canvas radial gradiyent jarayoni
Brauzerda ishlaydigan vinyetkalash mexanizmi tezlashtirilgan Canvas 2D radial gradiyent kompozitsiya jarayonini amalga oshiradi: 1. Rasmni qabul qilish va koordinata geometriyasi: Manba rasm `[width, height]` oʻlchamli OffscreenCanvas’ga dekodlanadi. Optik markaz $(x_0, y_0)$ `(width / 2, height / 2)` nuqtasida belgilanadi. Maksimal burchak radiusi Evklid gipotenuzasi orqali hisoblanadi: $R_{\max} = \sqrt{(W/2)^2 + (H/2)^2}$. 2. Radial gradiyent soyalash niqobi: Mexanizm `ctx.createRadialGradient(x_0, y_0, r_1, x_0, y_0, r_2)` yordamida kanvas radial gradiyentini yaratadi; bu yerda $r_1 = R_{\max} \times \text{radius}$ soyalanmagan yadroni, $r_2 = R_{\max}$ esa tashqi chetni belgilaydi. Gradiyent rang toʻxtash nuqtalari $r_1$ da `rgba(R, G, B, 0)` dan $r_2$ da `rgba(R, G, B, intensity)` ga silliq oʻtadi. 3. Tomonlar nisbati oʻzgartirishi: Kvadrat boʻlmagan tomonlar nisbatlari uchun kanvas konteksti gradiyentni chizishdan oldin notekis masshtablash oʻzgartirishini (`ctx.scale(1, height / width)`) qoʻllaydi va vinyetka rasm kadriga mutanosib ellips hosil qilishini taʼminlaydi. 4. Qatlam kompozitsiyasi va Blob eksporti: Gradiyent standart alfa aralashtirish yordamida toʻgʻridan-toʻgʻri manba rasm ustiga kompozitsiya qilinadi. Yakuniy kanvas `canvas.toBlob()` orqali ikkilik Blob’ga seriyalashtiriladi va bir zumda mahalliy yuklab olish havolasi yaratiladi.
Texnologiya: WebAssembly • Koʻp oqimli Web Workers • HTML5 Canvas API
Maxfiylik: Fayllar qurilmangizni tark etmaydi va bulutda saqlanmaydi; analitika faqat roziligingiz bilan ishlaydi.
Ushbu ish jarayoni uchun qoʻshimcha vositalar
Yuqori unumli ish jarayonlari uchun ushbu brauzer vositalarini birga ishlating.
Rasmni xiralashtirish
Maxfiy joylar yoki fonni yashirish uchun silliq Gauss xiralashtirishini qoʻllang.
Rasmni pikselli qilish
Yuzlar, avtomobil raqamlari yoki parollarni retro mozaika piksellari bilan yashiring.
Shovqin qoʻshish
Raqamli suratlarga plyonka donadorligi yoki analog shovqin teksturasini qoʻshing.
Kulrang tuslarga aylantirish
Klassik oq-qora sanʼat uchun barcha rang kanallarini olib tashlang.