Дизайнеры, рассчитайте идеальные пропорции с RatioBuddy

Дизайнеры знают, как трудно сопоставить изображения с соотношениями. Это происходит все время, когда вы создаете тему WordPress и пытаетесь определить наилучшие размеры изображений для миниатюр.

Но есть десятки подобных задач для определения правильного соотношения сторон изображения, видео или встроенного элемента. К счастью, RatioBuddy может помочь.

Это небольшое веб-приложение позволяет вам динамически вычислять пропорции чего-либо из вашего браузера. Все, что вам нужно, это доступ в Интернет и нужный вам размер (или требуемое соотношение сторон).

Читайте также: Оптимизация JPEG для Интернета – полное руководство

Для начала все, что вам нужно сделать, это ввести текущий аспект изображения или размер, который вы планируете использовать. Давайте рассмотрим пример создания темы WordPress и выбора размера рекомендуемого изображения.

Допустим, вы хотите, чтобы ваши избранные изображения имели размеры 800 пикселей в ширину и 500 пикселей в высоту. Введите это в RatioBuddy, и вы получите соотношение сторон 8: 5.

Что вы можете сделать сейчас, это зафиксировать соотношение, нажав на маленький замок в сторону. Это означает, что если вы измените значения ширины или высоты, другие обновятся соответственно.

Теперь вы можете начать искать размеры миниатюр, соответствующие вашему основному изображению.

Итак, допустим, вы хотите, чтобы размер миниатюры составлял примерно половину этой ширины (400 пикселей), а другой – еще меньше – 300 пикселей. Вы знаете, насколько широко вы хотите изображения, но насколько они должны быть?

При включенном замке вы просто измените значение ширины и сразу увидите результаты в поле значения высоты.
Значения пикселей обновляются немедленно, и вы даже получите пользовательский код CSS, который можно скопировать и вставить, если вы хотите создать элемент с таким соотношением.

Вы также можете использовать это веб-приложение для автоматического расчета размера встраиваний YouTube, чтобы сохранить соотношение видео. Или вы можете использовать его для создания идей для миниатюр галереи изображений.

Действительно, для всего, что связано с соотношением сторон, этот инструмент – спасатель. Поэтому не забудьте добавить его в закладки, если вы делаете много фоторабот и изменяете размеры для Интернета.

Читайте также: 9 лучших инструментов для оптимизации анимированных GIF-файлов