Jump to content
  • 0

Вопрос от чайника по размеру изображений


kds2108
 Share

Question

Доброго времени суток!

 

Я самая что ни на есть начинающая. Купила книгу по html, вот сижу ее штудирую. Поэтому заранее прошу пощения за совершенно идиотский вопрос.

 

Автор сначала нарезает макет будущего сайта, сохраняет изображения и пр. и пр. Потом начинает верстать сайт с самого начала. И на моменте, когда он добавляет в код изображения, я немного запуталась. Вот пример :

 

<a href="#"<img alt="" src="img/cart.png" width="66px" height="59px" /></a>

 

Это что-то типа картинки/баннера со ссылкой, не суть. Я не понимаю, откуда он берет значения ширины и высоты? Не из головы же он прописал именно эти цифры? Я повторяю каждое его действие на своих картинках. Естественно, я не буду прописывать в своем коде те же цифры, у меня изображения другие. Если я вообще ничего не пропишу, изображение публикуется в 100% размере. Важно, чтобы оно не растягивалось. И потом - верстальщики наугад определяют размер картинки и их соотношение друг с другом согласно макету? Подгоняют "на глаз", чтобы было как на картинке дизайнера? Или как?

 

Понимаю, что вопросы глупые, но хотелось бы прояснить для себя эти моменты, чтобы спокойно двигаться дальше. Заранее спасибо!

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

открываешь макет в ФШ, там куча слоёв с отдельными составляющими проекта (блоками), ищешь слой с необходимым изображением -  сохраняешь  изображение из слоя, смотришь его размеры.
или же если проще - делаешь 100% масштаб макета и инструментом Выделение выделяешь необходимое изображение, размеры пишутся возле области выделения, или же горячая клавиша F8.

Link to comment
Share on other sites

  • 0
kds2108есть такое выражение попиксельная верстка))

во первых - да, можно в фотошопе измерять, 

ну а во вторых - есть спец. плагины для популярных браузеров. просто вставляете в него картинку макета, и верстаете, подгоняя под него. прозрачность изменяется при необходимости, поэтому можно точно сверстать.   

открою наверно для вас супер пупер тайну верстальщиков)))  - в любом брвузере можете открыть консоль разработчика и подгонять любой код

  • Like 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy