Images & photos · Браузер Image & Drawing Editor
Як працює обрізка в редакторі образу браузера: полотно і пікселики
· Як працює
Опубліковано ToolAcre · Рецензування журналу
зображення полотно веб-переглядач
Крокппінг виглядає тривіально, але редактор браузера повинен декодувати файл, копіювати прямокутник пікселів на полотно і закодувати новий файл. Цей пост проходить через кожен крок і пояснює, які зміни і які залишаються ідентичними.
Чому обрізається фото - це новий файл, який не піддається обрізанню старого - культура не може просто видаляти байти з JPEG або PNGРедактор декодує та перекодує
Р JPEG зберігає компресовані дані зображення, не одну самостійну від'єднувальну байт за видимий ряд. Порізка байтів від його закінчення буде пошкоджено файл, не підстригуючи фотографії. Редактор веб-переглядача, таким чином, вибирає прямокутник і створює новий кодований файл. Оригінальні залишки на диску. Якщо вам потрібна реверсійна редагація, зберігайте джерело і підбірні координати: експортований урожай не містить відсутніх пікселів.
Декодування зображення в растрову мапу — як перетворює стиснені байти в ширину × висота сітки RGBA пікселів до нічого можна вибрати
Перетворює компресований JPEG, PNG або WebP в бітмапа з шириною × висота зразків. Р 4000×3000 зображення являє собою дванадцяти мільйонів пікселів, перш ніж будь-який урожай, і кілька байтів на піксель може зробити його безсмертним відбитком набагато більше, ніж файл на диску. ToolAcre перевіряє зображення і межі полотна перед розміщенням дуже великих робочих просторів. Що ви бачите на екрані може бути зосереджена, щоб відповідати видпорту; прямокутник культури все ще повинен бути позначений назад до координати зображення перед пікселями.
Вибір прямокутника: джерело та призначення координат — як малювати
прямокутник є походженням (x,y) плюс ширина і висота, вимірюється в вихідних пікселів. ToolAcre перенапруження, що прямокутник до кордону документа і культур кожного видимого шару, не тільки знімок композитного попереднього перегляду. Для кожного шару він створює цільове полотно та дзвінки, що виводяться з дев'ятьма аргументами: вихідне полотно, вихідний прямокутник, місце походження та розмір призначення. З однаковими розмірами джерела та призначення, пікселі вибираються без резинингу. Прямокутні позиції закруглені або зафіксовані для відображення полотняних пікселів.
Закодувати результат назад до файлу — чому експортний крок вирішує формат і якість, і чому сам урожай точний, поки кодування не може бути
Експорт – це окрема операція з рослинництва. Редагований полотно можна зашифрувати як PNG, JPEG або WebP залежно від параметрів та підтримки браузера. PNG може зберігати пікселики, що надходять до його без втрат; JPEG викинути деталь, навіть якщо прямокутник був обраний точно, і прозорість потребує навмисного фону при використанні формату без альфа. Новий файл може також ознайомлювати метадані або кольорову інформацію, тому ніколи не описати його як субсет байтів оригінального.
Спосіб роботи: обробіток 4000×3000 фото на фото 1600×900 банер — після підрахунку пікселів через декодування, копіювання та експорт
Для блогера з блогером 4000×3000 фото, центр 1600×900 банер починається в x=1200 й1050. DrawImage копії стовпців 1200 через 2799 і рядки 1050 через 1949 до 1600×900 вихід: 1.44 мільйони пікселів замість дванадцяти мільйонів пікселів. Якщо ви не попросите редактора, щоб усунити повну фотографію 1600×900, ви змінюєте співвідношення сторін та перезавантаження, а не роблячи цього врожаю. На пам'ять-обмеженому телефоні редактор може зменшити дуже великий вхід, тому перевірити розміри відображення до повторення цих координат.
Який експортований урожай не може відновитися з оригінальної картини
Це не без втрат JPEG блокувати обрізку: додаток виділяє пікселів і експортує нову ємність. Нор може експортувати 1600×900 після закриття оригінального. Ім'я файла, що містить інформацію про файли, а також інформацію про файли cookie. Для чутливого матеріалу, висаджування запасу є безпечніше, ніж просто вимальовуємо накладну опаку, але перевірте експортовані пікселів і зберігайте оригінальну приватне.
Відправлення: точні пікселі, нова ємність — чому майстер-клас точно і як редактор зображень і малювання браузера виконує його без завантаження файлу
Якщо ви хочете зберегти ваші дані, то ви можете використовувати файл, який ви використовуєте для збереження файлів, що ви можете використовувати його. Редактор зображень і малювання браузера виконує обидві кроки на вашому пристрої: завантаження зображення, вибір прямокутника, наносити урожай і експорт. Мережа не потребує фотобайтів для будь-якого кроку, але майна сайту та розкриття AdSense/analytics запити не повинні плутати з завантаженням файлів в DevTools.