Українська

Images & photos · Браузер Image & Drawing Editor

Як ручка браузера EXIF спрямованість при редагуванні фону фото

· Як працює

Опубліковано ToolAcre · Редакція журналу

зображення полотно веб-переглядач

Абстрактна растрова ілюстрація для того, як веб-переглядачі керують акцентом, коли ви редагуєте фон фото
Головна ToolAcre векторна ілюстрація

Телефони часто зберігають фотографії боков і спираються на крихітну орієнтацію тегу, щоб розповісти глядачам, як їх обертати. Цей пост пояснює, що тег є, як браузер застосовує його під час декодування, і чому редагований експорт більше не потребує.

На фото, що прямо на вашому телефоні та бокових шляхах, всюди — бетонний симптом та вісім-значення EXIF Орієнтація тегу за ним

Почати з симптомом: портрет, який виглядає прямо в галереї телефону, може прибути бокові доріжки в іншому глядачеві. EXIF Орієнтація - інструкція, що додається до файлу, з восьми можливих значень, що описують фліпи і чверть-повернення. Корисно докази тут вузька, ніж загальна обіцянка браузера: цей редактор завантажує HTML Зображення з об'єкту об'єкта URL, виводить декодований результат, і не має фіксації, що кожен браузер обробляє кожне значення орієнтації.

Використовуйте копіювальну фото телефону як тестовий зразок. Зареєструвати свої відображні розміри, зробити невеликий урожай, експортувати його і відкрити завантаження в другому глядачеві. Експорт канва перекодує відображення пікселів через canvas.toBlob як PNG, JPEGабо WebP; він не копіює вихідний контейнер або обіцяє зберігати EXIF. Порівняння говорить вам, що сталося в цьому растровому носії, а не те, що кожен файл буде робити.

Результат бокових шляхів можливо, але цей репозиторій не запилює вісім EXIF значення орієнтації

Невідповідність є тому, що камера може записувати сенсорні рядки в зручному фізичному порядку, зберігаючи компактну інструкцію про те, як повинні бути представлені ці рядки. Повідомляти, що пояснення як контексту, не як претензія про це додаток. Репозиторій не запилює вісім EXIF Орієнтовні значення, і це не доведено, що версії браузера наносять їх перед зображенням.

Що обмежити зміни практичного робочого процесу. Зберігайте оригінальний доручений, відкрийте дублікати, і судіть декодований зовнішній вигляд, а не припустимо, що тег був інтерпретований правильно. Редактор може обертати весь родзинку в дев'ятих кроках, але він не може редагувати або відновити метадані орієнтації. Експорт є результатом нового піксельного результату, поведінка якого повинна бути перевірена у глядача, що має значення для вас.

раціональне зберігання камери - поза репозиторійними доказами; огляд фактичного декодованого результату

Переглядач може декодувати зображення з інструкцією спрямованості вже відображено в наданих пікселів. Сучасні API можуть виводити вибір декодування, в тому числі створюватиІмageBitmap параметри, але цей шлях коду не викликає створенняImageBitmap або встановити зображенняОсобливості варіант. Створює HTML Зображення з об'єкта URL і малює цей образ, тому фактичний файл телефону і браузер залишаються частиною експерименту.

Перевірте результат на двох стадіях: спочатку в редакторі, потім після експорту. Зауважте як видимий портретний напрямок, так і ширину і висоту, повідомляється документом. Якщо перший вид неправильно, ручний квартал-повернення може зробити робочий растровий вигляд правильно. Якщо перший погляд є правим, незважаючи на те, що оригінальні метадані були зрозумілі універсально; репозиторійні докази підтримують лише результат, що спостерігався.

Цей редактор завантажує HTML Зображення та набори без явної орієнтації-декодування варіант

Після того, як пікселі проходять через полотно і знову закодовані, вихідний контейнер не доставляється об'єкт. Редактор складається з декодованих пікселів з вашими культурами та іншими видимими редагуваннями, після чого дзвінки canvas.toBlob для PNG, JPEGабо WebP вихід. Цей процес не обіцяє зберегти EXIF поля. Зокрема, ця реалізація не може редагувати або відновити орієнтаційний тег для подальшого перегляду.

Найбезпечніший опис завантаження - це зображення, яке містить пікселів, отримані цим сеансом редагування. Відкрийте його в іншому глядачеві і перевірте напрямок перед його поширення. Якщо користувач погоджується з тим, що ви перевірили один конкретний експорт. Ви не завірені EXIF поведінка, але ви замінили неоднозначну інструкцію з метаданих з результатом для цього файлу.

Експорт поштових індексів відображаються пікселів, але не засвідчує, що поля метаданих залишаються

Враховуйте портретну фотографію, призначену для повідомлення. Відкрийте дублікати, перевірте, чи відображається редактор людина правою, і зауважте декодовані розміри до обробітку. Якщо сцена є боковими, обертати родзинку в дев'ятих кроках до тих пір, поки робоче зображення в'яно правильне, після чого обрізається тільки після цієї корекції. Операція - це редагування пікселів, не ремонт метаданих файлів.

Експортувати урожай і порівняти його з переглядом редактора у другому перегляді зображень. PNG, JPEGй WebP виробляються з полотна, тому вихід є повторним зашифрованим зображенням, а не оригінальним контейнером для телефону. Записувати формат та перегляд, який використовується, якщо результат працює. Що невеликий аудит дає вам докази про цей портрет, уникаючи непідтримуваних обіцянок про будь-який телефон або браузер.

Переглянута перевірка: порівняння декодованих розмірів і зовнішнього вигляду перед висадкою і експортуванням

Є чіткі межі цього розслідування. Редактор не надає інспектора метаданих, EXIF редактор, або інструмент для відновлення початкового значення орієнтації. Також не можна зробити глядачеві, який ігнорує орієнтацію метаданих. Ті роботи належать до програмного забезпечення, призначеного для збереження або перезапису контейнерів зображень, не до потоку полотна, вихід якого є плоским растровим.

Те ж саме обережність відноситься до інших EXIF поля, такі як час захоплення, місце розташування та деталі камери. Полотно експорт композитів декодовані пікселів через canvas.toBlob і не засвідчує, які поля метаданих залишаються. Зберігайте оригінальний, якщо ці поля мають значення, використовуйте редактор для видимої роботи зображень, і перевірте експортований файл перед тим, як його обробка метаданих, заміну.

Відправлення: редагувати один раз, прямо скрізь — як редагування в браузері Image & Drawing Editor виробляє файл, який відображає той самий у кожному глядачеві

Практичний виїзд простий, але свідомо обмежений: редагування видимого растрового, потім перевірте експортовану спрямованість в іншому глядачеві. Редактор зображень і малювання браузера корисний для відкриття локальної фотографії телефону, обертання всієї растрової частини в дев'ятити-градусний кроках, висаджування його і виготовлення PNG, JPEGабо WebP завантажити. Його вантажоперевезення і експортний шлях не заґрунтовують позов універсального EXIF обробка.

Надійна перевірка займає менше хвилини. Зберігати джерело, відкрити копію, записувати початковий напрямок і розміри, зробити один невеликий редагування, експорт один раз, і перевірити завантаження в іншому місці. Якщо файл неправильний, повертаємо на копію і виправте пікселі вручну; не припустимо, що тег орієнтації можна відновити тут. Перевірений результат є файлом, який ви насправді відкрили і перевірити.