Як розрахувати пропорцію зменшеною картинки, формула і корисний інструмент для розрахунку
Коли постає завдання, що потрібно розрахувати пропорцію зображення, не завжди знаєш, як правильно це зробити. Починаєш судорожно згадувати шкільну програму, шукати потрібні матеріали.
Але не все так склалося і незрозуміло, як здається на перший погляд. Для чого взагалі все це потрібно? Ось найпоширеніший приклад.
Припустимо, у нас на сайті є завантаження зображень, і ми хочемо, щоб після завантаження у нас створювалася мініатюрна копія, прев'юшки какртінкі. Часто це треба для анонса новин, наприклад. А скрипт вимагає, щоб ви задали хоча б приблизні розміри мініатюрного зображення - його ширину і висоту.
Припустимо також, що ви вже намітили його ширину, але як бути з висотою? Як вирахувати її та, щоб картинка здавалася більш-менш пропорційною по відношенню до вихідної.
Формула розрахунку
Все робиться в два етапи:
- 1 - Ділимо вихідну ширину на необхідну ширину;
- 2 - Отримуємо необхідну висоту, поділивши вихідну висоту на результат ділення двох ширин (п.1).
Приклад. Візьмемо вже всім відомі розміри зображень: 1024x768 і 800x600. Уявімо, що ми не знаємо висоту другий картинки. За формулою виходить наступне: 768 / (1024/800) = 600. Це і є необхідна нам висота.
Якщо ж ми знаємо висоту, а нам потрібно отримати ширину, то необхідно виконати все, як в першій формулі, тільки навпаки.
Щоб отримати необхідну ширину, потрібно:
- 1 - Ділимо вихідну висоту на необхідну висоту;
- 2 - Отримуємо необхідну ширину, поділивши вихідну ширину на результат ділення двох висот (п.1).
Для простоти розрахунків я написав простий інструмент. який вам в цьому допоможе.