Как точно отмерить количество пикселей?

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

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

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

Скачать её можно на оффициальном сайте: http://www.techsmith.com/snagit/

У неё есть несколько настроек, нам нужны в первую очередь: Input и Output.

В настройках Input выбираем Region:

Затем выбираем Output — File, и не забываем зайти в настройки и выбрать имя файлов и папку:

Также нужно нажать на значок стрелки, для того чтобы курсор не скринился:

Затем зайти в настройки (в верхнем меню Tools -> program preferences) и назначить горячую клавишу (у меня это Ctrl+F12):

В принципе всё готово. Мы убили двух зайцев.

Теперь при нажатии на Ctrl+F12 (у вас это может быть другое сочетание клавиш, которое мы только что настроили) экран замрёт и появится окошко с зумом, чтобы поближе разглядеть монитор (по типу экранной лупы), и нужно зажать мышку и нарисовать прямоугольник, рядом с которым будет указан его размер в пикселях:

Если нам нужно только узнать размер выделенной области, запоминаем цифры и нажимаем Esc, если же нам нужен скриншот этой области указанного размера, просто отжимаем левую кнопку мыши, и вуаля — у нас создался файл-картинка в папке, которую мы выбрали в настройках Output:

На этом всё. Применений у данной фишки довольно много, и она  очень сильно упрощает жизнь верстальщикам. Если интересно, можно еще покопаться в настройках, выбрать другой формат, и прочее прочее…

Статья писалась почти час, поэтому очень надеюсь, что она помогла вам с решением данной задачи. Спасибо за внимание!

 

 

Измерили по итогу?
Конечно!Нет, я криворукий

Оцените статью!

Понравилась статья? Поделиться с друзьями:
Комментариев: 7
  1. Аноним

    хм, обычно верстальщики делают с макета psd с реал размерами

  2. Next8

    Да ты заебешься))

  3. Аноним

    ахах, а ты на глаз ебашишь диз ?

  4. Аноним

    Обычно, да, но у меня, например, в фотошопе смотреть размеры дольше получается)

  5. Аноним

    зачем их там смотреть там линейка есть

  6. Jesusxjesus

    Firebug при верске юзать

    1. Аноним

      фаербаг и прочие тока в браузерах, а снагит универсален) на скрине например отмерить надо или еще что)))

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Для отправки сообщения выберите лишнее изображение