• Выберите опции
  • Загрузка и
    конвертация
  • Просмотр
  • Оплата
    Бесплатно!
  • Скачивание

Создайте HTML верстку сайта из Photoshop макета за секунды.

Выберите желаемые опции конвертации PSD макета в HTML/CSS. Полное описание процесса загрузки PSD макета, его конвертации в HTML/CSS верстку и оплаты Вы найдете на странице документации.

Тип верстки

Фиксированная ширина: стандартная верстка с фиксированной шириной макета, равной ширине исходного psd файла.
Резиновый фон: сервис найдет фоновые изображения, занимающие всю ширину экрана, и сделает их резиновыми. Контент при этом будет иметь фиксированную ширину.
Резиновая верстка: как фон, так и весь контент будут иметь резиновую ширину.  Такой тип верстки требуется редко.
Абсолютное позиционирование: верстка в абсолютных координатах с фиксированной шириной макета.
Bootstrap: адаптивная верстка под Bootstrap 3. Подробнее...

Также вы можете иcпользовать следующие теги: #min-width{[width in px|width in %]}, #max-width{[width in px|width in %]}, #flex, #fix, #bg{[repeat-x|repeat-y|repeat-xy]}. Подробнее об этих тегах смотрите на странице документации.





Единицы измерения для размера шрифта

Выберите, какие единицы измерения использовать для размера шрифта



Конвертировать ВСЕ текстовые слои в текст

Если выбрано "Нет", то как текст будут сконвертированы только те текстовые слои, которые используют безопасные для web шрифты либо помечены тегом #text. Остальные текстовые слои будут сконвертированы как изображения с установленным альтернативным текстом.
Если выбрано "Да", то все текстовые слои, кроме явно помеченных тегом #img, будут сконвертированны в HTML текст вне зависимости от того, какой шрифт и какие стили использует текстовый слой. Обратите внимание, что некоторые текстовые слои на скриншоте будут выглядеть не так как в макете, потому что на нашем сервере нет нестандартных шрифтов. После того, как вы подключите шрифты через @font-face, верстка станет соответствовать макету.

Префикс и суффикс для имен всех классов

Это необязательные параметры. Если префикс и/или суффикс заданы, то ко всем сгенерированным именам CSS идентификаторов и классов будут добавлены соответствующие префикс и суффикс. Например, если имя слоя в Photoshop было 'logo', то по-умолчанию имя CSS класса для этого слоя будет '.logo', а если задать префикс 'prefix-' и суффикс '-suffix', то имя класса станет '.prefix-logo-suffix'.
Это может понадобиться, если вы делаете верстку нескольких страниц и затем хотите объединить сгенерированные стили в один css файл. Используя уникальные префикс/суффикс, вы получите уникальные CSS имена для каждой сверстанной страницы.


Уровень качества изображений

Выберите желаемый уровень качества для изображений в диапазоне от 1% (минимальное качество) до 100% (максимальное качество).  Данный параметр распространяется на
1) сжатие изображений в формате JPEG,
2) компрессию с потерей качества изображений в формате PNG (преобразование в 8-bit PNG) в случае, если данная компрессия разрешена соответствующей опцией.
Для большинства случаев подходит значение по-умолчанию - 95%.

Сжатие PNG изображений с потерей качества

Разрешает или запрещает сжатие PNG изображений с потерей качества (lossy compression) - преобразование в 8-bit PNG. Позволяет существенно сократить размер PNG изображений без визуально заметной потери качества. Данный вид сжатия рекомендован к использованию сервисом Google Pagespeeed.
Минимально допустимый уровень качества определяется предыдущей опцией.
Вне зависимости от данной опции всегда осуществляется дополнительное сжатие PNG изображений без потери качества (lossless compression).

Обнаруживать слои с фиксированным позиционированием

Если выбрано "Да", то сервис попробует автоматически определить слои, которые должны иметь фиксированное позиционирование (CSS стиль "position: fixed;").

Удалять скрытые слои

Будут удалены слои, отмеченные как видимые в Photoshop, но скрытые под другими слоями так, что их не видно. Обычно такие слои оставлены в макете случайно и могут быть безопасно удалены с целью улучшения верстки.

Удалить неиспользуемые изображения

Если выбрано "Да" (значение по умолчанию), то в zip архив с результатом не попадут изображения, которые не используются в верстке. Если выбрано "Нет", то в папке 'unused_images' будут собраны слои, которые были видимы в макете, но которые в верстке не используются.
В категорию неиспользуемых попадают следующие изображения:
1. Изображения текстовых слоев, сверстанных как текст
2. Изображения слоев, сверстанных как CSS3 код

www.megastock.ru Здесь находится аттестат нашего WM идентификатора 408053960204 Порядок оплаты с помощью системы WebMoney
Авторизация





Забыли пароль?