Bepul Rasm o'lchamini o'zgartirish

Rasmlarni o'lcham yoki foiz bo'yicha o'zgartirish. Tomonlar nisbatini saqlang, chiqish formatini tanlang, sifatni yo'qotmang.

Fayllarni shu yerga tashlang yoki ko'rish uchun bosing

JPG, PNG, WebP, AVIF, GIF, HEIC, HEIF · Fayl hajmi cheklovsiz

yoki buferdan joylash uchun Ctrl+V bosing

Bir vaqtda bir nechta fayl tashlashingiz mumkin

Fayllarni ko'rish

Fayllaringiz qurilmangizdan hech qachon chiqmaydi. Barcha ishlov berish brauzeringizda mahalliy tarzda amalga oshiriladi.

Qanday ishlaydi

O'lchamni o'zgartirish Chrome, Firefox va Safari'ga o'rnatilgan bir xil ko'rsatish dvigateli bo'lgan Canvas API yordamida to'liq brauzeringizda sodir bo'ladi. Rasmingiz yangi o'lchamlarda ekrandan tashqari kanvasga chiziladi va mahalliy qayta kodlanadi; hech narsa qurilmangizdan chiqmaydi.

  1. 1
    Brauzer tomonidan dekodlangan rasm
    Faylni tashlaganingizda yoki tanlaganingizda, brauzer rasmni (JPEG, PNG, WebP, AVIF yoki GIF) HTMLImageElement orqali xom piksel ma'lumotiga dekodlaydi. Asl piksel o'lchamlari o'qiladi va kenglik hamda balandlik maydonlarini oldindan to'ldirish uchun ishlatiladi.
  2. 2
    Canvas yangi o'lchamda qayta chizadi
    O'lchamni o'zgartirish tugmasini bosish ekrandan tashqari HTMLCanvasElement'ni tanlagan kenglik va balandlikka o'rnatadi, so'ng har bir pikselni yangi o'lchamlarga masshtablash va bo'yash uchun ctx.drawImage() ni chaqiradi. JPEG chiqishi uchun, shaffof mintaqalar qora bo'lib qolmasligi uchun avval oq fon to'ldirish qo'llaniladi.
  3. 3
    canvas.toBlob() chiqishni kodlaydi
    Brauzerning o'rnatilgan canvas.toBlob() metodi piksel ma'lumotini siz o'rnatgan sifat darajasida JPEG, PNG yoki WebP ga kodlaydi. Agar maqsad fayl o'lchamini belgilagan bo'lsangiz, 7-takrorlik ikkilik qidiruv chiqish shu o'lchamga yoki undan kam sig'guncha sifat parametrini avtomatik sozlaydi.
  4. 4
    Natija mahalliy ko'rib chiqiladi va yuklab olinadi
    Kodlangan Blob ko'rib chiqish paneli uchun obyekt URL'ga aylantiriladi — serverga borib-kelish yo'q. Yuklab olishni bosish yakuniy piksel o'lchamlarini o'z ichiga olgan fayl nomi bilan mahalliy saqlashni ishga tushiradi.

Rasmingiz to'liq brauzeringiz ichida Canvas API yordamida qayta ishlanadi va hech qachon hech qanday serverga yuklanmaydi.

Tegishli asboblar

Ko'p so'raladigan savollar