Почему при создании макета в ФШ он кажется совсем другой, чем в браузере?

Question

[Ingernirated]

Всем привет!
При создании размера 1400 на 800 в фотошопе(аналог размера экрана), в браузере и в фотошопе один и тот же размер выглядит по-другому, начиная с высоты меню, которая при 100 пикселях в обеих случаях выглядит по-разному.
Нужно какие-то ещё настройки выставлять или как добиться идентичной визуализации картинки?

Comments

[EYPPNM]

пиксели на дюйм вы сколько поставили?

[Ingernirated]

EYPPNM, 72

Answer 1

[Максим Поспелов]

Не может меню выглядеть по другому, и вообще не должно быть расхождений видимых глазу.
Попиксельнные замеры могут выявить недочеты, может немного отличаться, потому что разные бразуеры, с разными настройками производительности компа, по разному рендердят шрифты.

Если у Вас сильно отличается, то вероятно:
- либо не правильно выставлены единицы в фотошопе (поставьте в px)
- либо не верно стоит масштаб сайта в браузере
- либо верстальщик не правильно сверстал

Макет для веба должен быть только 1920! Иначе на верстке могут быть сюрпризы, как раз с неправильными масштабами.

Comments

[Ingernirated]

А если размер экрана 1400, а макет 1920, получается для него фоновая фотка выйдет больше по размеру, чем нужно?

[Максим Поспелов]

Да, верно. Тогда возьмется фрагмент 1440 от изображения.
Либо верстальщик может сделать так, что изображение 1920 впишется в 1400, но останется вопрос, хватит ли высоты изображения. Так редко делают, но технически можно.

[Ingernirated]

Максим Поспелов, а есть какой-то идеальный редактор для разработки дизайна сайта?

[Максим Поспелов]

Ingernirated, фотошоп)

Answer 2

[annachaptykova]

у меня было так: в браузере смотрю по стилям у элемента ширина 1210 пикс, делаю принтскрин и переношу в фотошоп измеряю там и ширина 1400 с копейками, оказалось, что в параметрах экрана ноутбука при разрешении 1920х1080 у параметра "Изменение размера текста, приложений и других элементов" стояло рекомендованное значение 125%, поменяла на 100%

Answer 3

[GreatRash]

Фотошоп не предназначен для веба, он создавался для обработки фотографий. Поэтому по дефолту там единицы измерения выставлены в поинты (pt), что удобно при печати на принтере. Предлагаю, для начала, проверить выставлены ли единицы измерения везде в пиксели (px). Затем можно проверить разрешение макета - должно быть 72 пикселя на дюйм (Pixels/Inch). Это исторически сложившийся стандарт, придуманный в компании Apple.

Answer 4

[Виктор]

Держи, вот внятно рассказывают:
https://youtu.be/UbE5T5QxS00

Comments

[RAX7]

Виктор у него проблемы с размерами, а видео про цвет.