Підручник з Microsoft Word 2013 | Покрокове злиття пошти

Поєднання кількох зображень в одне зображення є хорошим способом покращити продуктивність за рахунок зменшення кількості http-запитів. Але як більшість веб-майстрів управляють своїми комбінованими зображеннями?

Чи існує якесь програмне забезпечення, яке полегшує поєднання зображень в одне зображення? Було б непогано викинути програмне забезпечення набору зображень і запропонувати йому поєднати їх, а потім повідомити про зміщення X, Y, ширини та висоти в межах зображення.

  • http://spritegen.website-performance.org/
  • http://csssprites.com/
  • http://csssprites.org/

Ви не хочете завантажувати всі свої зображення зі спрайтів. Це може сповільнити роботу вашого сайту, якщо завантажена сторінка насправді не використовує зображення. Існує чіткий баланс того, що має бути на спрайтах, а що ні.

Я рекомендую:

  • Зробіть спрайти для зображень, які відображаються на більшості сторінок.
  • Використовуйте сценарій lazyload для завантаження інших зображень, коли вони у фокусі.
  • Регулярні HTTP-запити також досить легкі щодо розміру більшості файлів зображень. Як правило, це створення нових з’єднань, що генерує найбільше накладних витрат на запит. Але якщо ви активуєте постійні з’єднання (що більшість браузерів / клієнтів роблять за замовчуванням), це теж не повинно бути проблемою.
  • @Lese є абсолютно правильним.

FYI, їх називають спрайтами, і в Інтернеті є досить багато безкоштовних.

  • посилання шукає терміни "онлайн-генератор спрайтів" - я вказую на це, оскільки на цій сторінці це не видно по-людськи.

Ну, я використовую скрипт GIMP для того, щоб подбати про це.

ImageMagick - чудовий інструмент обробки зображень, який може це зробити. Це лише командний рядок, тому не найпростіший у використанні для непрограмістів. Для з’єднання зображень використовуйте команду монтаж:

montage -geometry +4+4 *.png 

Це не створить CSS для вас, але якщо у вас більше 30 зображень, це не повинно бути проблемою.

Є багато Інтернет-інструментів, які також можуть робити CSS, з назвами класів на основі імен файлів. Цей дуже хороший.

Для вас працювали: Charles Robertson | Хочете зв'язатися з нами?