Images & photos · Соціальний образ
Aspect Ratio Maths: Як розбити будь-яку фотографію 1:1, 4:5, 9:16 або 16:9
· Як працює
Опубліковано ToolAcre · Рецензування журналу
зображення Аспект-ратіо полотно
Оброблення до співвідношення - арифметичне: порівняння співвідношення фото з метою, виконання якого виміру необхідно усаджувати, після чого вибрати, куди сідає культура. Цей пост дає формулу, приклад роботи та округлення пасток.
Фото, які ніколи не підходять - чому 3:2 камерний постріл не може стати квадратом або 9:16 історія без втрати щось
Р 6000×4000 фотокамери 3:2: його ширина - один-і-халф час його висоти. Карта квадратного товару, 4:5 подача портрета і 9:16 історія не має такої форми. Резування без обрізання або спотворює предмет або додає кордони. Вирощування є редакційним вибором про яку частину залишається. Зберігайте оригінальну і оберіть, що частина навмисно, особливо коли етикетка, особа або логотип сидить поруч з краєм.
Ратіо як єдиний номер — ширина ділення по висоті так 4:5 стає 0.8 і 16:9 Про це 1.78Порівняти джерело з метою
Представляємо співвідношення сторін як ширина розділена на висоту. Для джерела, 6000/4000 = 1.5; для 4:5 це 4/5 = 0.8; для 16:9 про це 1.7778. Складання цих чисел відразу ж говорить вам, чи є у вас зайва ширина або висота відносно цілі. Співвідношення не залежить від запитуваних експортних пікселів: 800×1000 і 1600×2000 як 4:5, але останній має чотири рази більше пікселів.
Яка сторона вирізати — якщо джерело ширше, ніж ціль, ширина рослин; якщо височина, висота рослин; формула для нового виміру
Якщо ширина джерела/source висота перевищує коефіцієнт цілі р, зберігають повну висоту і встановлюємо ширину рослин = висота × р; розрізають горизонтальні сторони. Якщо джерело вузька, то збережемо ширину і встановлюємо висоту рослин = ширина/r; вирізати верх і дно. Ці формули вибирають найбільшу культуру, яка підходить всередині існуючого зображення без розтягування. ToolAcre оформляє обкладинку, затискає зсув і дзвінки на малярію, що зображення в полотні призначення; обрізання і перезнімання відбувається разом при необхідності.
Вибираємо офсет — центровані посіви проти зсуву до суб'єкта, висловлені як дробина відрізної дистанції
Для центрованої культури розділіть відстань, вилучену з кожного боку на дві. Р 6000px-широка фотографія обрізається до 3200px має 2800px надлишок ширина, тому x=1400 Центри Для захисту суб'єкта вліво, використовуйте менший x; x повинен залишитися між нуль і повним дистанцією. Думка офсету як дроб від 0 (ліво/top) до 1 (право)/bottom) допомагає повторно використовувати той самий обрамлення ідеї по декількох розмірах експорту.
Приклад роботи: один 6000×4000 фото на чотири співвідношенні — прямокутник для рослин 1:1, 4:5, 9:16 і 16:9, крок за кроком
З 6000×4000, центр 1:1 насіння 4000×4000 в x=1000. А 4:5 насіння 3200×4000 в x=1400. А 9:16 насіння приблизно 2250×4000 в x=1875. А 16:9 замість того, щоб використовувати всі 6000px ширина і бере 3375px у висоту, з математичним центром на джерело y=312.5. Розміри експорту можуть потім масштабувати кожен обрізний прямокутник. Немає цих операцій не вистачає контенту: виключені сторони відсутні з нового зображення.
Круглий, дробовий офсет і ціле експортне полотно
Експорт полотна мають цілі розміри пікселів, але DrawImage може позиціонувати масштабне джерело на дробових координатах. У 16:9 Приклад 625 вихідні ряди виключені, що дає теоретичний центрований старт y=312.5. Інструмент, який вирізати тільки цілі рядки джерела повинні вибрати 312 або 313; ToolAcre замість центрів вагової обкладинки каркаса і дозволяє полотні пробивати її дробовим краєм. Експортна полотна має вибране співвідношення сторін, хоча міжпольовані бордюри. Повторно редагувати вже застарілі сполуки зображень, що нагадують або знижують кодування; починати кожне розміщення з майстра.
Що це не охоплює — поточні розміри пікселів платформ, які змінюють; перевірте власні вказівки платформи для чисел
Цей арифметичний не говорить про те, що поточні розміри пікселів платформи, безпечні зони для регулювання накладки або налаштування стиснення. Ці вимоги змінюються незалежно від співвідношення. При цьому камера зайняли фото або збільшуючи деталі в оригінальному режимі. Перевірте поточні вказівки призначення перед отриманням сотні активів, потім перевірте кожен експортований попередній перегляд, а не припустимо математично правильний каркас є хорошим складом.
Успішно: арифметичне фіксоване навіть коли specs переміщається — Резайзер соціальних зображень застосовує для вас, обрізаючи до обраного співвідношення у вашому браузері
Ratios фіксують арифметичне навіть при зміні соціальних специфікацій. Соціальний образ Resizer виконує масштабування посівів і полотна у вашому браузері, зберігаючи вихідний образ локальним. Обрати 1:1, 4:5, 9:16 або 16:9, перемістіть культуру на важливу частину і порівнюйте експорт збоку: правильний розрахунок говорить вам, що підходить, при цьому ви вирішили, що аудиторія повинна бачити.