Экранные линейки. Как измерить размеры любого объекта? Экранная линейка онлайн для блоггера

Утилита пригодится веб дизайнерам, программистам, фотографам, художникам, тем, кто имеет дело с цифровыми изображениями (картинки, фотографии, иконки и т.д.). Программа SPRuler представляет собой электронную линейку для измерений расстояний и размеров объектов на экране монитора в пикселях. Программа бесплатная, удобная, сворачивается в системный трей, поддерживает русский и английский языки.

Программа линейка

Электронная линейка (или цифровая линейка , если ее так можно назвать) выглядит как настоящая, дизайн предусматривает светлый и темный оттенки инструмента с линией раздела шкалы и настройкой прозрачности. Перемещение линейки по экрану происходит очень плавно. На линейке отображается два вида шкалы с интервалами по 10 и 8 пикселей. Возможно клонирование уже запущенной линейки и расположение SPRuler поверх всех окон. При запуске программы, длина линейки настраивается автоматически в зависимости от разрешения экрана (максимально до 2048 пикселей). Инструмент быстро разворачивается в горизонтальное и вертикальное положение. SPRuler поддерживает функцию автоматического запуска при старте операционной системы.

Примечание к установке SPRuler:

Если Вы устанавливаете программу SPRuler на компьютер под управлением операционной системы Windows 95/98/ME/NT, для нормальной работы утилиты потребуется скопировать (заменить) файл "\dll\oleaut32.dll" в "C:\WINDOWS\SYSTEM\". Если Вы устанавливаете SPRuler в ОС Windows NT/2000/XP/2003/Vista/2008/x7, запустите установочный дистрибутив программы от имени Администратора.

Продолжим знакомство с инструментами, которые могут помочь веб-мастеру при создании сайта. Помимо обязательных программ, без которых нельзя обойтись, таких как, например, существуют и вспомогательные, позволяющие облегчить выполнение некоторых операций, сэкономить время. Одна из таких программ – экранная линейка mySize.

Этот инструмент позволяет измерять размеры графических элементов на экране компьютера, что часто приходится делать веб-дизайнерам, верстальщикам. Пригодится эта программа и фотохудожникам, иллюстраторам, разработчикам веб-приложений. Она очень проста в освоении и работе. Найти и скачать эту программу в Интернете не составляет труда. Рассмотрим подробнее интерфейс программы mySize.

Элементы управления

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

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

Зажав левую кнопку мыши и осуществив перемещение мыши, вы будете изменять ширину/высоту линейки. Данное свойство поможет вам более быстро изменять размеры.

Главное меню

При нажатии на главное меню, в основном элементе управление, перед вами возникнет следующее меню.

В данном меню вы сможете изменять параметры линейки, а именно переключаться между положениями вертикальной, горизонтальной или же обеими одновременно линейками. Так же в данном меню можно изменить параметры ширины/высоты. По умолчанию отображается информация о ширине/высоте в пикселях, вы можете изменить единицы измерения на сантиметры, или же на дюймы.

При нажатии на пункт меню Скрыть , находящемся в главном меню, программа сворачивается на панель задач в трей.

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

Для того, что бы изменить параметры вывода информации о размерах, пикселях, сантиметрах или же в дюймах, сделайте следующее. Зайдите в Главное меню , затем в меню Измерение , далее выберите один из предложенных вам параметров величины.

В пункте меню Настройки вы сможете выполнить следующее. Установить отображение mySize поверх всех остальных окон, что поможет более удобно работать с программой. Для этого выполните следующее: Главное меню? Настройки? Отображать поверх всех окон.

По умолчанию программа не отображается на панели задач, для того чтобы программа отображалась на панели задач, выполните следующее: Главное меню? Настройки? Отображать на панели задач.

В пункте меню Настройки вы сможете включить/выключить скринер. Скринер — это дополнение к программе, которое позволяет вам взять в рамку любое изображение, находящееся на вашем рабочем столе.

В пункте меню Линейки вам предлагается выбор линеек. Вы сможете включить отображение вертикальной/горизонтальной линейки или же их обоих одновременно. По умолчанию используется отображение двух линеек одновременно.

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

В главном меню присутствует такое свойство как Перемещение , данное свойство помогает более точно подводить размеры, используя строгое перемещение линейки. Вы сможете перемещать линейку, либо по оси Х, либо по оси Y. По умолчанию в mySize настроено перемещение по всем осям сразу. Для того что бы выбрать перемещение по нужной вам оси выполните следующее: Главное Меню? Перемещение? и выберите одну из предложенных вам осей перемещения. Так же вы сможете воспользоваться «горячими клавишами».

Работа со скринером

Скринер — Это дополнительный элемент в mySize.
Скринер позволяет вам охватить любую область изображения, находящиеся в диапазоне скринера. Диапазон скринера выделяется прямоугольником имеющий красную рамку.

Для того, что бы сделать активным скринер выполните следующее: Главное меню? Настройки? Скринер. Та же самая команда приводит к тому, что скринер становится не активным. Когда скринер активен, в главном меню становится активен пункт Взять изображение. При выборе этого пункта скринер возьмет изображение, которое находилось в его области. Так же вы сможете воспользоваться «горячими клавишами», причем этот вариант лучше, так как при использовании команды из меню скринер иногда «фотографирует» само меню.

После взятия изображения, вам будет предложен предварительный просмотр изображения, в появившемся новом окне. Так же будет возможность сохранить это изображения после нажатия на кнопку сохранить. Сохранение изображение предлагается в следующих форматах *.bmp, *.jpg, *.png

Горячие клавиши

S — Включить/выключить скринер;
C — Взять изображение, находящееся в диапазоне скринера;
Стрелка вниз — перемещение вниз;
Стрелка вверх – перемещение вверх;
Стрелка влево – перемещение влево;
Стрелка вправо – перемещение вправо;
Left Shift + Перемещение мышью – Перемещение только по X;
Left Ctrl + Перемещение мышью – Перемещается только по Y.

Вот и все возможности программы mySize. Но попробуйте поработать с ней, и вы увидите, насколько она удобна.

Если вы всерьез хотите заниматься созданием сайтов, причем таких, которые позволяют еще и зарабатывать деньги, вы должны изучить и многие другие инструменты веб-мастера. Помочь в этом вам может видеокурс Евгения Попова «Все Технические Моменты Онлайн-Бизнеса в Видеоформате». Он содержит все необходимое для того, чтобы научиться создавать сайты, приносящие прибыль.

Веб-дизайнерам нередко требуется определить размер какого-нибудь объекта на экране. И не всегда для этого достаточно посмотреть свойства объекта. В подобных ситуациях на помощь приходят специальные утилиты, позволяющие измерять элементы в любой части экрана. К таким программам относится и mySize.

Первое, что подкупает в этой бесплатной программе – это простота и удобство. Никаких лишних действий, ненужных кнопок и настроек. Когда она неактивна, становится полупрозрачной, так что не загораживает другие окна. Всё, что мы видим при запуске , это линейка.

Причём её не нужно прикладывать, чтобы измерить. Вместо этого мы растягиваем её по горизонтали или по вертикали, сразу же определяя размер. Позиционировать края линейки очень просто – достаточно подвести курсор к краю и, зажав левую кнопку мыши, перемещать её.

Маленькие кнопочки у краёв линейки предназначены для точного растягивания линейки по 1 пикселю.

Перемещать всю линейку по экрану можно, как и любое окно. Для более точного перемещения можно нажимать стрелочки в углу линейки. Альтернативный вариант – управляющими клавишами.

Размер всегда отображается на линейке.

В mySize предусмотрена ещё одна полезная функция, называемая скринер . Суть её в том, что можно одновременно растягивать обе линейки, перемещая этот самый скринер. Отображается он строго на пересечении линеек и обозначен красным маркером. Включить его можно нажатием клавиши S или через меню. Подстраивать линейку под объект на экране с помощью скринера очень удобно.

В программе присутствует меню, вызвать его можно, кликнув в углу линейки.

Через меню mySize можно настроить ещё несколько параметров линейки.

Измерение – позволяет выбрать единицу измерения, отображаемую при работе с линейкой. На наш выбор пиксели, сантиметры или дюймы.

Настройки – включает три пункта:
Отображать поверх всех окон – включение этой опции позволяет линейке всегда оставаться на виду;
Отображать на панели задач – для отображение кнопки программы в Панели задач, так как по умолчанию она отображается только в системном трее;
Скринер – включение уже рассмотренного ранее скринера.

Линейки – содержит два пункта, предназначенных для включения/отключения горизонтальной или вертикальной линеек. По умолчанию отображаются сразу обе линейки.

Перемещение – это свойство меню позволяет настроить строгое перемещение линейки только по одной из осей - Х либо Y. По умолчанию в mySize выполняется перемещение по обеим осям. Так, удерживая левый Shift и перемещая курсор, можно двигать линейку только по горизонтали. Аналогично с левым Ctrl можно добитьcя смещения линейки строго по вертикали.

Скрыть – выбор этого пункта в меню заставляет линейку свернуться в трей. Чтобы вернуть линейку mySize на экран, достаточно сделать двойной клик на значке программы в трее.

Напоследок расскажем ещё об одной полезной функции утилиты – возможности создания скриншота. Появляется она только когда включен скриннер – в меню появляется пункт Взять изображение . Любителям всё делать с помощью клавиатуры поможет клавиша C . Всё, что окажется между линейками и направляющими скринера, можно сохранить в файл.

В отдельном окошке Предварительный просмотр мы увидим скриншот и кнопку [Сохранить] . mySize сохраняет скриншот в формате JPG, BMP или PNG.

Как организовать в среде Windows экранную пиксельную линейку, чтобы измерять длину и высоту окон или прочих элементов интерфейса и подгонять их под свои размеры? Такая специфическая задача может стоять не только перед дизайнерами или разработчиками, но также перед обычными пользователями, работающими с документами или проектами своего профильного софта. Рассмотрим ниже тройку программ для реализации экранной линейки.

1. SPRuler

SPRuler – небольшая бесплатная утилита SPRuler не предназначена не для чего более, как для отображения на экране Windows экранной пиксельной линейки. На ней отображаются две шкалы: вверху с интервалом 10 пикселей, внизу – 8 пикселей. Шкалы меняются местами в опциях контекстного меню. Там же можем сменить ориентацию с горизонтальной на вертикальную, применить светлую или тёмную расцветку линейки, настроить её прозрачность. Увеличивается или уменьшается она обычным оттягиванием за края или указанием в опциях конкретного значения. Копий линейки с горизонтальной и вертикальной ориентацией можно запускать сколь-угодно. Есть поддержка горячих клавиш.

2. Window Ruler

Window Ruler – ещё одна бесплатная минималистичная утилита, реализует в среде Windows одновременно и горизонтальную, и вертикальную линейку. Но не только пиксельную, размеры объектов на экране можно замерять также в поинтах (типографских пунктах), дюймах, сантиметрах и миллиметрах. Увеличение и уменьшение линейки осуществляется оттягиванием за края. Размеры заданной в окне линейки области экрана отображаются в правом нижнем углу этой области. Возможности ручного ввода значений размеров Window Ruler не предусматривает, зато у неё есть опции установки пяти областей со стандартными размерами экрана.

3. FastStone Capture

Экранная линейка есть в составе функционального платного скриншотера – программы FastStone Capture . Это вариант для комплексной работы по созданию снимков экрана с подгонкой элементов интерфейса Windows под нужные размеры. Например, для внедрения в документы, презентации, прочие проекты программ по созданию контента, публикации в Интернете. Линейка FastStone Capture переключается с горизонтальной на вертикальную двойным кликом по ней, изменение её размеров осуществляется оттягиванием за края. Возможности задания размеров вручную нет, но есть опция отображения небольшого промежутка шкалы, к которому подведён курсор, в увеличенном масштабе. Предустановленные единицы измерения в пикселях можно сменить на дюймы или сантиметры. Цвет и прозрачность линейки настраивается. Для удобства запуска её можно добавить на плавающую панель быстрого доступа к операциям FastStone Capture.