Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Куда поехать на выходные
Розовый октябрь
✍️ Написать
Добрые новости
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
МакрадарТехнологии
28 августа 2012

PageLayers: простое создание многослойных скриншотов веб-страниц

Фото автора Alexander Zhurovich
Alexander Zhurovich

PageLayers: простое создание многослойных скриншотов веб-страниц

Для съемки полных снимков веб-страниц создана целая куча утилит, начиная с расширений для веб-браузеров и заканчивая популярными программами Paparazzi!, Skitch, LittleSnapper и Layers. Однако, все это инструменты для любителей, которым по-быстрому нужно сделать иллюстрацию для презентации или блог-публикации про какой-нибудь сайт. Ведь на выходе получается «плоское» изображение, дальнейшая работа с которым значительно затруднена. Поэтому веб-дизайнерам (и прочим специалистам, которым нужно быстро разбить скриншот веб-страницы на составляющие) стоит обратить внимание на приложение PageLayers.

✍️ Скоро читатели смогут публиковать свои тексты на Лайфхакере. Станьте первыми!

Основное окно программы.

Над внешним видом своего продукта разработчик очевидно недолго думал, поскольку PageLayers сильно смахивает на ранние бета-версии Paparazzi! Собственно, ничего больше и не нужно. Разве только не мешало бы расширить список размеров окна и добавить возможность переключения идентификатора клиента — чтобы приложение могло имитировать работу того же iPad или iPhone.

Что до съемки самих скриншотов, то здесь PageLayers вне конкуренции. Прежде всего, программа позволяет сохранять изображение в формате Adobe Photoshop, располагая каждый HTML-объект на отдельном слое. Причем слои сгруппированы примерно в соответствии с HTML-иерархией страницы, и каждой группе присвоено имя соответствующего контейнера! Это невероятно упрощает работу с целыми блоками скриншота.

Простое сохранение файла
Простое сохранение файла путем перетаскивания иконки формата на рабочий стол или в папку.

Кроме того, PageLayers позволяет «фотографировать» веб-страницы с динамически измененным содержанием. Например, щелкнули вы на кнопку, и появилась всплывающая панель — программа снимет скриншот страницы именно с этой панелью, определив ей свою группу слоев (если вы сохраняете картинку в PSD-формате).

Иерархия слоев в PSD-скриншоте
Это далеко не полное отображение иерархии слоев, созданных PageLayers в PSD-скриншоте.

Собственно, и все. При том, что программа предельно проста в работе, ее ценность для дизайнера трудно переоценить. Остается только решить, готовы ли вы заплатить за PageLayers целых 29 долларов. Хотя бывает, что разработчик сбрасывает цену до 12 долларов. Так что, как минимум, возьмите на заметку. ;)

➞ Купить PageLayers в Mac App Store.

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
Не Питером единым: 10 мест в Ленобласти, которые стоит посетить 

Не Питером единым: 10 мест в Ленобласти, которые стоит посетить 

Тайная жизнь аэропортов

Тайная жизнь аэропортов

Чем заняться в выходные осенью в Санкт-Петербурге: 5 идей на любой вкус

Чем заняться в выходные осенью в Санкт-Петербурге: 5 идей на любой вкус

7 «лучших друзей» заболеваний сердца, от которых стоит держаться подальше

7 «лучших друзей» заболеваний сердца, от которых стоит держаться подальше

Комментарии
Авторизуйтесь, чтобы оставить комментарий
Arsenty Khanov
11.11.12 12:13
Изумительное приложение! Имею в арсенале инструментов, купил и не жалею. Всем веб-разработчикам рекомендую.
Что вы могли пропустить
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
0
31 октября
Новости
Технологии
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
0
31 октября
Технологии
Технологии
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
0
31 октября
Новости
Устройства
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
0
30 октября
Покупки
Устройства
Самый автономный в мире смартфон отдают со скидкой 28%
Самый автономный в мире смартфон отдают со скидкой 28%
0
30 октября
Покупки
Устройства
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
0
30 октября
Новости
Технологии
Google исправила раздражающий баг в «Фото», из-за которого «пропадали» некоторые снимки
Google исправила раздражающий баг в «Фото», из-за которого «пропадали» некоторые снимки
0
30 октября
Новости
Технологии
6 лучших нейросетей для создания презентаций в 2026 году
6 лучших нейросетей для создания презентаций в 2026 году
0
30 октября
Ликбез
Технологии
8 новых приложений и игр для Android: лучшее за октябрь
8 новых приложений и игр для Android: лучшее за октябрь
0
30 октября
Android
Android
Добавляйте в корзину: 11 смартфонов с AliExpress, которые подешевеют на распродаже 11.11
Добавляйте в корзину: 11 смартфонов с AliExpress, которые подешевеют на распродаже 11.11
0
29 октября
Покупки
Устройства
Представлена линейка смартфонов OnePlus Ace 7 с батареями-гигантами и активным охлаждением
Представлена линейка смартфонов OnePlus Ace 7 с батареями-гигантами и активным охлаждением
0
29 октября
Новости
Устройства
9 сервисов и программ для создания презентаций
9 сервисов и программ для создания презентаций
0
29 октября
Ликбез
Технологии
Arrowmax показала отвёртку с ИИ и камерой, которая сама подбирает насадки
Arrowmax показала отвёртку с ИИ и камерой, которая сама подбирает насадки
0
29 октября
Новости
Устройства
Топовый планшет от Honor с клавиатурой со скидкой 45% — забираем на замену ноутбуку
Топовый планшет от Honor с клавиатурой со скидкой 45% — забираем на замену ноутбуку
0
29 октября
Покупки
Устройства
Мощный чип, кулер, огромная батарея и 185 Гц: вышел геймерский смартфон iQOO Neo12
Мощный чип, кулер, огромная батарея и 185 Гц: вышел геймерский смартфон iQOO Neo12
0
29 октября
Новости
Устройства

Новые комментарии

Аватар автора комментария
Сергей Чиков2 часа назад

0 / 0

какой от рогатки может быть вред? польза очевидна - развитие глазомера и почти дзен сродни стрельбе из лука. ну а главное, эта функция там есть, а любой мальчишка от 6 до 60 лет не удержится стрельнуть разок другой из рогатки
Мультитул-новинку NexTool Silver Blade E40 отдают за полцены на AliExpress
Аватар автора комментария
2 часа назад

0 / 0

Или если нужен будет бесплатный десктопный блокнот для маркдаун, то prosamd подойдёт, на русском языке.
9 бесплатных онлайн-редакторов с поддержкой Markdown
Аватар автора комментария
Михаил СавКин6 часов назад

0 / 0

И даром мне такой не нужен!
Самый автономный в мире смартфон отдают со скидкой 28%
Аватар автора комментария
Денис Юрашку7 часов назад

0 / 0

🤦‍♂️
Зрителей в Гааге с помощью гипноза заставят забыть «Матрицу», чтобы насладиться фильмом вновь
Давайте посчитаем. Как эффективно вести семейный бюджет

Давайте посчитаем. Как эффективно вести семейный бюджет

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании
Подписка
TelegramВКонтактеTwitter (X)PinterestYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях