Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Сколько дней до лета
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
МакрадарТехнологии
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

Лучшие предложения

5 колонок для ПК с отличными отзывами на AliExpress

5 колонок для ПК с отличными отзывами на AliExpress

Что купить в «Дубайском экспрессе» на AliExpress: 8 товаров с классными ценами

Что купить в «Дубайском экспрессе» на AliExpress: 8 товаров с классными ценами

Игровой ноутбук от MSI

Забираем игровой ноутбук от MSI с небольшой, но приятной скидкой

10 кроссовок для весенних вылазок на природу

10 кроссовок для весенних вылазок на природу

Видеорегистратор 70mai Dash Cam A810 Lite

Со скидкой 55% отдают видеорегистратор от 70mai с двумя камерами

Надо брать: наушники-клипсы 2026 года от Baseus со скидкой 44%

Надо брать: наушники-клипсы 2026 года от Baseus со скидкой 44%

Что накинуть весной, чтобы не мёрзнуть и в то же время не жариться

Что накинуть весной, чтобы не мёрзнуть и в то же время не жариться

3D-принтер Elegoo Neptune 4 Pro

3D-принтер Elegoo Neptune 4 Pro отдают за полцены на AliExpress

Это интересно
3 кухонных прибора, которые помогут прокачать ваши кулинарные способности

3 кухонных прибора, которые помогут прокачать ваши кулинарные способности

Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

Не только бюджет: 3 вопроса, которые стоит задать себе при выборе квартиры для жизни с партнёром

«Ешь что хочешь и худей». Правда ли, что концепция интуитивного питания помогает снизить вес

«Ешь, что хочешь, и худей». Правда ли, что концепция интуитивного питания помогает снизить вес

Что такое «Тирзетта» и как она работает

Что такое «Тирзетта» и как она работает

Комментарии
Arsenty Khanov
11.11.12 12:13
Изумительное приложение! Имею в арсенале инструментов, купил и не жалею. Всем веб-разработчикам рекомендую.
Что вы могли пропустить
Обзор Honor 600 Lite — сбалансированного смартфона с отличным дисплеем и крутой автономностью
Обзор Honor 600 Lite — сбалансированного смартфона с отличным дисплеем и крутой автономностью
0
11:00
Устройства
Устройства
В Škoda создали велосипедный звонок, который слышно даже в наушниках с шумодавом
В Škoda создали велосипедный звонок, который слышно даже в наушниках с шумодавом
0
Вчера
Новости
Устройства
Как зарегистрировать американский Apple ID бесплатно и без карты в 2026 году
Как зарегистрировать американский Apple ID бесплатно и без карты в 2026 году
0
Вчера
iOS
Ликбез
Pebblebee выпустила аналог AirTag с сиреной и фонариком — это личная тревожная кнопка
Pebblebee выпустила аналог AirTag с сиреной и фонариком — это личная тревожная кнопка
0
Вчера
Новости
Устройства
Среднебюджетник OnePlus Nord 6 получил батарею на 9 000 мА·ч — но есть подвох
Среднебюджетник OnePlus Nord 6 получил батарею на 9 000 мА·ч — но есть подвох
0
Вчера
Новости
Устройства
Обзор Google Gemini — крутого бесплатного чат-бота с Nano Banana внутри
Обзор Google Gemini — крутого бесплатного чат-бота с Nano Banana внутри
0
Вчера
Ликбез
Технологии
Apple готовит новый MacBook Neo — памяти станет больше
Apple готовит новый MacBook Neo — памяти станет больше
0
Вчера
Новости
Устройства
«Артемида‑II» на руке: вышли настраиваемые часы NASA Artemis Watch 2.0 с прозрачным корпусом
«Артемида‑II» на руке: вышли настраиваемые часы NASA Artemis Watch 2.0 с прозрачным корпусом
0
7 апреля
Новости
Устройства
Что лучше — iPhone 17 или iPhone 17 Pro
Что лучше — iPhone 17 или iPhone 17 Pro
0
7 апреля
Ликбез
Устройства
С Android всё проще: Минцифры признало, что выявлять VPN на iPhone будет сложно
С Android всё проще: Минцифры признало, что выявлять VPN на iPhone будет сложно
0
6 апреля
Новости
Технологии
В пару кликов: как на iPhone легко скрыть лицо на фото
В пару кликов: как на iPhone легко скрыть лицо на фото
0
6 апреля
iOS
iOS
Как открыть файл HEIC на компьютере
Как открыть файл HEIC на компьютере
0
5 апреля
Ликбез
Технологии
10 новых приложений для iOS: лучшее за март
10 новых приложений для iOS: лучшее за март
0
4 апреля
iOS
iOS
Не жарко и не холодно: AFX Boots представила рюкзак B1 с климат‑контролем
Не жарко и не холодно: AFX Boots представила рюкзак B1 с климат‑контролем
0
3 апреля
Новости
Устройства
Как использовать мессенджер Max на ПК, если не хотите держать его на смартфоне
Как использовать мессенджер Max на ПК, если не хотите держать его на смартфоне
0
3 апреля
Технологии
Технологии

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

Аватар автора комментария
Екатерина Доброва2 минуты назад

0 / 0

Вообще, если без шуток, то метод действительно рабочий. Если кому нужна более подробная информация, то очень советую почитать статью тут - https://kedu.ru/press-center/articles/info-psikh-tekhnika-pustogo-stula-v-geshtalt-terapii-uprazhnenie-instruktsiya-i-mery-bezopasnosti/ с разбором пошаговой инструкции и типичными ошибками) не благодарите)
Как пустой стул поможет избавиться от злости и обид
Аватар автора комментария
Елена Грицун23 минуты назад

0 / 0

Вот с пельменями и голубцами я посчитала, сколько стоят продукты и моя работа с ними. И сравнила с готовыми покупными. Теперь отношу денюжку в магазин с прекрасными полуфабрикатами )) С блинами так не прокатило: мне невкусно и дорого.
Как с помощью карточек еды я перестала ломать голову, что приготовить на ужин
Аватар автора комментария
Елена Грицун26 минут назад

0 / 0

Иногда за один день делаю. Но там просто: херачишь кучу блинов, параллельно варится бульон. Делаю большую сковородку лука с морковкой. Часть фарша обжариваю, часть мешаю с зажаркой и хлебом для котлет. Я даже засекала: 3 часа прям интенсивно постоять у плиты - и заготовок на полтора месяца.
Как с помощью карточек еды я перестала ломать голову, что приготовить на ужин
Аватар автора комментария
Kremlina Nova28 минут назад

0 / 0

У меня в морозилке лишь: пельмени, блинчики с мясом, котлеты, голубцы, сырники. Ягоды : вишня, слива, малина, крыжовник, смородина, клубника. А так просто замороженное сырое мясо, в основном куриное. Бульоны никогда не замораживала.
Как с помощью карточек еды я перестала ломать голову, что приготовить на ужин
Лайфхакер и TRENDY BOX выпустили унисекс-бьюти-бокс — смотрите, что внутри

Лайфхакер и TRENDY BOX выпустили унисекс-бьюти-бокс — смотрите, что внутри

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