Jump to content
  • 0

Организация файлов при вёрстке многостраничника


VeniVidiVici
 Share

Question

Уважаемые профессионалы. 

Мучает меня один небольшой, возможно даже смешной вопрос. Но лучше буду уверен в том что делаю всё правильно.

Допустим есть страница А со своими картинками для спрайтов, и страница В, на которой совершенно другие картинки(ну или часть новых картинок), которые также должны быть сделаны спрайтом.

Вопрос - делать отдельный спрайт для страницы А и отдельный спрайт для страницы В?? Или сделать вообще 1 целый для обеих страниц.....(а если страниц к примеру 20?)

И ещё - вы обычно делаете отдельную папку для спрайтов, или они расположены вместе со всеми картинками?

 

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
17 часов назад, by chris сказал:

@VeniVidiVici, какую главную проблему решают спрайты?

сократить количество запросов на сервер...

Значит лучше делать 1 спрайт на все страницы??=)

Так, тогда возникает более серьёзный вопрос, можно ли настроить gulp spritesmith чтобы он добавлял картинку к спрайту в конец, а не в алфавитном порядке. К примеру, я сделал спрайт из 3 картинок, записал их стили. Но нашёл ещё пару картинок которые должны быть в спрайте...и их нужно добавить так чтобы не сбились предыдущие стили....

 

Edited by VeniVidiVici
Link to comment
Share on other sites

  • 0
51 минуту назад, by chris сказал:

Должно быть в доках. Сам данный плагин не юзал.

Спасибо. Скорее всего придётся выводить все спрайты миксинами(хотя иногда это не совсем удобно)

А вы что используете для создания спрайтов?

Link to comment
Share on other sites

  • 0
2 минуты назад, VeniVidiVici сказал:

А вы что используете для создания спрайтов?

Ничего. Мой дизайнер использует только иконки. Но, если  бы я использовал спрайты, то конвертировал бы в формат svg.

Link to comment
Share on other sites

  • 0
2 часа назад, VeniVidiVici сказал:

А вы что используете для создания спрайтов?

Если ест опыт работы с Gulp то можешь глянуть на этот билдер https://github.com/klierik/Front-End-Gulp-builder-example

Тут спрайты собираются из *.png а так же картинки сжимаются

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