Чистый код Короткие заметки веб-разработчика

Чем открыть .psd файл в Linux верстальщику?

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

GIMP

Самое простое решение — это использовать GIMP. Я уже использовал его для обрезания и мелкого редактирования картинок, но открывать и работать с .psd файлами не приходилось. Этот способ рекомендовать не могу, так как в GIMP’а есть много проблем с пониманием файлов Photoshop. А так же, я так и не смог освоить его в достаточной мере и переучится на него после продукта Adobe.

Конвертировать в другой формат

Этот способ уже лучше, но очень часто он не срабатывает. То шрифты не подгружаются, то слои неправильно накладываются. Таким образом можно преобразовать только самые простые макеты. Самый лучший конвертер — этот, от разработчиков Avocode. Ну и открыть .sketch уже в Figm’е, например.

Использовать Avocode

Одно из лучших кросс платформенных решений — это использовать Avocode. Это такая браузерная программка для верстальщиков, которая умеет быстро генерировать CSS, показывать отступы и размеры. Очень удобно. Аналогов нет. Но это дорого, если речь идёт о мелком проекте.

Использовать Photopea

Я был шокирован, но существует БЕСПЛАТНЫЙ ОНЛАЙН фотошоп. Который, к тому же умеет понимать не только .psd, но и .xd, .sketch, .xcf и некоторые другие форматы! Интерфейс один в один, как у фотошопа. Функционал почти такой же, верстальщику хватит.

Это не Photoshop, это Photopea