Images & Photos · Конвертер зображень & Компресор
Як canvas.toBlob Переклади PNG до WebP у Вашому браузері
· Як працює
Опубліковано ToolAcre · Рецензування журналу
зображення полотно веб
Перетворювач зображень браузера - це декодер, бітмапа та керма, що керуються спільно, і весь ланцюг вбудований в браузер. Ця пошта повинна бути PNG через декод, полотно і доБлобу до WebP файл і ноти, що втратили на шляху.
Де придбати WebP має місце, коли сервер не бере участь — бетонне питання за конвертером, який працює автономно
Про нас WebP не надходить з чергою перетворення сервера. Ваш веб-переглядач вже має декодери зображень, ящикову поверхню та кодери; ToolAcre конвертер з'єднує їх. Саме тому PNG може бути перетворена в вкладці після завантаження сайту. «Без завантаження» відноситься до вихідних зображень і виходу перетворення, а не на сайт, що не має мережевої активності.
Крок один: декодування — як працює браузер PNG байти в RGBA бітмапа, і чому кожен формат закінчується як однакова сітка
Перший PNG декодовано зображенням бітма. PNG стиснення, вибору палітри та кольорові метадані визначають, як його байти стають піксельними, але полотно працює на декодованій растровій, не на шматках PNG файл. Р 1600×900 Знімок екрана 1.44 мільйонів позицій пікселів, навіть якщо сам файл набагато менший. ToolAcre Використовуйте створенняImageBitmap і застосовує обліковий запис бюджету; великий декодований зображення є проблемою пам'яті, перш ніж це проблема завантаження.
Крок два: полотно як стегнової зони — малюнок бітма на канву або OffscreenCanvas з відповідних розмірів
У бітмапа наноситься на канву або OffscreenCanvas з заданими габаритами виведення. Якщо ці розміри відповідають джерелу і не вибираються, малюватипосадки для кодування пікселів; якщо розміри змінюються, полотно перезаряджає їх і значенняпікселя може змінюватися до WebP починається кодування. Цей же рендеринг є інтерактивним попереднім переглядом та шляхом працівника, що запобігає виведенню двох вихідних алгоритмів.
Крок три: toBlob з MIME тип і якість — як вибрано кодувальника, який контроль якості, і чому він ігнорується для PNG
На звичайній полотні, доБлоб(зворотній дзвінок, "зображення"/webp", якість) запитує браузер для кодування WebP і дзвінки з Blob. Де доступна офекранна канва, ToolAcre використовує конвертерToBlob({type,quality}) для тієї ж роботи. Якість контролює втрату енкодера; це не обіцянка конкретного підрахунку байтів. PNG експорт без втрат і його якісний параметр не встановлює JPEG- як рівень стиснення. Завжди ознайомтеся з фактичним повернутим форматом, оскільки доступність кодера залежить від браузера.
Яка лінія для трубопроводів — метадані, кольорові профілі та 16-розбірний прецизій, і чому це властивість техніки, а не помилка
Перекодування декодованого растрового растрового не може зберігати кожен факт у оригінальному режимі PNG контейнер. Текстові шматки, фотоелектричні або редакторні метадані, деякі деталі профілю кольору та глибина вихідного біту не можуть вижити полотнищу круглу смугу; 16-бітні канали не стають 16-розсилка WebP просто тому, що вхід здійснюється їх. WebP може підтримувати прозорість, коли енкодер підтримує його, тоді як JPEG експорт вимагає заповнення прозорих зон. Розмір файлу не може показати, чи збережено перетворення рядків або кольорів.
Приклад роботи: 1.8 MB PNG Знімок екрана WebP — за допомогою трьох кроків і читання результату
Розглядатися 1.8 MB PNG Знімок екрана з текстом, градієнтами і прозорим кутом. Зніміть його, залиште розміри незмінними, виберіть WebP, експорт і порівняти розмір Blob і MIME тип до оригінального. Отриманий розмір вимірюється, не передбачуваний: чисті скріншоти можуть добре стиснети, при цьому неприємний вміст не може. Зомбі в невеликі шарфи і прозорий кут перед прийняттям меншого файлу. Якщо гострий текст УІ стає нечітким, зберігайте PNG або скоригувати якість енкодера, а не претендувати, що WebP завжди краще.
Що це не криється - анімовані зображення, формати браузера не можуть декодувати, і конвертувати налаштування API не піддається
Цей трубопровод не обіцяє збереження анімації, HEIC декодування на кожному пристрої або повний контроль WebP підсмоктування та налаштування зусиль енкодера. Не можна відновити деталь вже втрачено JPEG джерело шляхом збереження його як PNG або WebP. Повторний декод/re-encode цикли можуть накопичуватися втрата. Зберігайте оригінальний і використовуйте підтримуваний вхід/output Визначено формати, що вказані на сторінці фактичного інструменту, а не припустимо, кожен формат, який працює.
Takeaway: три кроки, нульове завантаження — як конвертер зображень та компресор працює цей трубопровод на вашому пристрої
Механізм декодування → вилучення → кодування, здійснюється з API веб-переглядача та завантаження зображень. ToolAcre визначає цільовий формат і розміри, тому ви можете сказати, що ви просто змінюєте контейнер або переоснащення пікселів. Перевірте один представник Знімок екрана в конвертері Image & Компресор перед обробкою цілої партії, потім перевірте завантажений результат на розмір людей буде бачити.