Перейти в раздел к "Содержанию"

Попиксельная точность верстки

Разумный подход в точности

Некоторые просят выполнить верстку с попиксельной точностью относительно макета. И тут следует отметить, что попиксельной точности часто в принципе не существует, т.к. разные браузеры и устройства диктуют разные условия отображения информации. Особенно это касается шрифтов, например, в верстке задан шрифт размером 16рх, но в разных браузерах один и тот же шрифт может заметно отличаться, как по размеру, так и по виду. А в планшетах и смартфонах ваш шрифт может стать вообще непредсказуемого вида, хотя вы четко задали размер 16рх. Разные типы шрифтов отличаются разной непредсказуемостью. А так как шрифты являются неотъемлемой частью любого сайта, то говорить о по-настоящему попиксельной точности в принципе не приходится.

Если вы добьетесь попиксельной точности верстки в браузере Хром на компьютере, то это совсем не значит, что так будет и в других браузерах, а про другие устройства даже и предполагать бессмысленно. Поэтому разговоры о попиксельной точности - часто разговоры не имеющие практической стороны. Это нечто абстрактное, многие говорят, но не все понимают о чем речь.

Также нужно понимать, что макет сайта - это просто фиксированная картинка. А реальный сайт редко бывает чем-то фиксированным, как цементный столб, т.к. в дальнейшем вы можете изменить содержание страниц, например, дописать или переписать текст на странице, изменить контактные данные, добавить или убрать картинки и др. Соответственно вид страницы станет иным, чем был в макете.

Поэтому при создании качественного сайта важно не заниматься буквоедством, так как это не даст практической пользы, а подходить к делу разумно. Иногда стремление к попиксельной точности может привести к обратному результату, например, вы делаете попиксельную точность в браузере Хром - ваш текст умещается на одной строке, как вы хотите, а в другом браузере или на других устройствах этот же текст расположится на двух строках. Для чего нужна попиксельность всего лишь в одном браузере?

Но это не значит, что можно верстать, как попало, и списывать на отсутствие кроссбраузерности. Для ровного расположения элементов следует придерживаться макета и соблюдать размеры, чтобы не было зазоров и перекошенности, что часто допускают верстальщики работающие только "на глаз" и не утруждающие себя измерением размеров. Сляпать, как попало, всегда быстрее и проще, поэтому некоторые идут по этому пути.

В любом деле именно разумный подход всегда является наиболее оптимальным!

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