Акысыз Сүрөт форматын конвертерлөө

JPG, PNG, WebP, AVIF, GIF жана BMP форматтарынын ортосунда айландыруу.

Мунун форматына которуу:

Бул браузерде AVIF экспорту жок. WebP окшош үнөмдөө берет жана дээрлик бардык жерде ачылат.

Файлдарды бул жерге таштаңыз же серептөө үчүн чыкылдатыңыз

JPG, PNG, WebP, AVIF, GIF, BMP, SVG, HEIC, HEIF · Файлдын өлчөмүнө чектөө жок

же буферден коюу үчүн Ctrl+V басыңыз

Сиз бир эле учурда бир нече файлды таштай аласыз

Файлдарды карап чыгуу

Кеңеш: сүрөттү алмашуу буферинен дароо жүктөө үчүн чаптаңыз (Ctrl+V).

Файлдарыңыз түзмөгүңүздөн эч качан кетпейт. Бардык иштетүүлөр браузериңизде локалдуу түрдө ишке ашат.

Бул кантип иштейт

Айландыруу Canvas API'ди колдонуп толугу менен браузериңизде болот — Chrome, Firefox жана Safari'ге курулган эле сүрөт-коддоо кыймылдаткычы. Файлдарыңыз экран-сыртындагы canvas'ка тартылат жана canvas.toBlob() менен максат форматка кайра кодддолот; эч нерсе эч кандай серверге жүктөлбөйт.

  1. 1
    Сүрөт canvas'ка декодддолот
    Ар бир файл жергиликтүү объект URL аркылуу HTMLImageElement'ке жүктөлөт. Декодддолгондон кийин, пиксел маалыматы чыгуу өлчөмдөрүнө ылайыкталган экран-сыртындагы canvas'ка тартылат — эгер макс-туурасы коюлса пропорцияны сактап.
  2. 2
    JPEG тунуктук коддоодон мурун иштетилет
    JPEGге айландырганда (анда альфа канал жок), canvas сүрөттү тартуудан мурун адегенде ак фон менен толтурулат, тунук аймактардын чыгуу файлында кара катары тартылышынан алдын алат.
  3. 3
    canvas.toBlob() пикселдерди кайра кодддойт
    Браузердин нативдик canvas.toBlob(mime, quality) canvas'ты сурам кылынган сапат деңгээлинде тандалган форматка (JPG, PNG, WebP же AVIF) кодддойт. Эгер браузер форматтын коддолушун колдобосо, баштоодо иштетилген касиет-сынак ошол баскычты жашырын туура эмес белгиленген файл жаратуунун ордуна өчүрөт.
  4. 4
    Чыгуу жергиликтүү блоб катары жеткирилет
    Кодддолгон блоб дароо алдын ала көрүү жана жүктөп алуу үчүн жергиликтүү объект URLга оролот. Бир нече файл үчүн, JSZip аларды жүктөп алуу иштетилгенге чейин браузерде ZIPке чогултат.

Бардык сүрөт маалыматы түзмөгүңүздө калат — файлдар Canvas API колдонуп толугу менен браузерде окулуп кодддолот, эч кандай маалымат эч качан серверге жиберилбейт.

Байланыштуу куралдар

Көп берилүүчү суроолор