Изображения в верстке. Хватит это терпеть / Хабр
Надеюсь этот пост послужит ликбезом всем веб-дизайнерам, верстальщикам, и проджект-менеджерам. Если вы хороший верстальщик, вас однозначно раздражают растровые изображения. Вы ненавидите растр, и всё, что имеет заметные глазу пиксели. Если это не так, добро пожаловать под кат.
Всё началось давным-давно, когда верстальщики верстали при помощи таблиц. Такая верстка занимала не много времени, корректно отображалась во всех браузерах, и никто даже и не думал использовать какие-то там DIV-ы. Но время шло, Интернет развивался и эволюционировал, и возможности таблиц иссякли, а верстальщикам стало крайне некомфортно в табличной “клетке”. Тут то до них и дошло, что таблицы нужно использовать только для табличных данных! И интернетом стали править слои.
Настала эра WEB 2.0, овальные стеклянные кнопки с тенями, отражающийся логотип с бликами, и прочие “прелести”. Так получилось, что избавившись от одной заразы, подцепили другую: растровые изображения.
Главная мысль этого поста заключается в том, что Интернет – векторный, и растровые изображения должны использоваться ТОЛЬКО для фотографий. По своей сути любой сайт – это интерфейс, и все интерфейсы должны быть векторными. Год назад, начав пользоваться highDPI дисплеем на десктопе, я будто прозрел. Плохая верстка моментально детектировалась при первом посещении сайта, не нужно было даже открывать инспектор.
Конечно, эра десктопов с highDPI дисплеями еще не пришла, но это дело времени. Я считаю, что это произойдет также стремительно и быстро, как это произошло со смартфонами. Но всё же, учитывая результаты исследований за 2013 год, 91% населения планеты имеет мобильный телефон, и половина из них используют его как ОСНОВНОЕ средство для серфинга интернета!
Учитывая, что большинство смартфонов сейчас имеют highDPI дисплеи, становится глупым использовать растровую графику в верстке, которая мало того, что заставляет глаза пользователя незамедлительно покинуть глазницы, но и имеет вполне ощутимый вес, что не менее критично для пользователей мобильных устройств.
Верстая без использования растровых изображений, вы получаете немало весомых преимуществ:
- Малый вес, а значит быстрая скорость загрузки.
- Прекрасное отображение на highDPI дисплеях.
- Гибкость и масштабируемость всего и вся
Лично я прихожу в бешенство, когда вижу очередной макет, в котором 30+ векторных простых иконок, и они зачем-то насильно растрированы. Зачем?
Дизайнеры, запомните! Фотографии – растр, всё остальное вектор.
Благодаря отличному инструменту IcoMoon, можно с легкостью конвертировать всё это в WebFont кит, и с удобством использовать в верстке.
А еще лучше, использовать в дизайнах FontAwesome, который активно поддерживается сообществом, и развивается. Можно с легкостью установить этот шрифт в систему, и использовать его в графическом редакторе, в своих макетах, копируя иконки с http://fontawesome.
io/cheatsheet.
Тоже самое с градиентами. Каждый второй дизайнер считает своим долгом кинуть градиент на шейп, и кликнуть по «Rasterize Layer Style». А ты потом обтыкайся своей пипеткой по грёбаному градиенту, пытаясь подобрать цвета. Я стал относиться к этому с особым трепетом, начав пользоваться CSSHat от Source.
Кстати, эти ребята разрабатывают “фотошоп-киллер” для верстальщиков, под названием «Avocode». Проект сейчас находится на стадии private-beta, и пока сильно ограничен в возможностях. Обзор: http://habrahabr.ru/post/231381/
Напоследок хочу сказать, что возможности CSS/SVG практически безграничны, тем более, что им на помощь спешат WebGL и Canvas. В этом можно убедится, покопавшись на http://codepen.io.
Спасибо, что дочитали до конца, и запомните: Интернет – векторный!
UPD:
Пара ссылок от pepelsbey
1. Подробный доклад про SVG: Позвольте представить: SVG
2. Много хороших статей про SVG с примерами в блоге «Про CSS»
И от SVGen
A Compendium of SVG Information
UPD2:
Запилил обзор Avocode
UPD3:
k3nny продолжил тему в своём посте SVG, Iconfonts vs PNG
вёрстка — Как расположить блоки вокруг центральной картинки?
Есть вот такой макет, где пять блоков текста расположены по кругу, а центре имеется картинка.
С подобной структурой сталкиваюсь впервые, есть какая-то схема вёрстки такого рода вещей? Мне на ум приходит только
position: absolute, причём как на блоки, так и остальные элементы дизайна (иконки, полосочки эти и тд). Как быть с этими полосочками
(тупо вырезать в виде картинки или как-то бордером их выводить)? Как быть с иконками, как быть с реализацией этих блоков вокруг картинки? Можно ли их сделать не через position: absolute, а как-то более правильно?
- вёрстка
2
Очень многое зависит от требований, должна ли эта верстка быть адаптивной, как должны вести себя элементы при разных разрешениях окна, и т.д?
Если речь не идет про адаптивную верстку, то макет вполне себе делится на стандартные блоки
Основная загвозка заключается именно в нижних подчеркиваниях заголовков, к сожалению, я не могу с ходу дать классный ответ, как нижнее подчеркивание вывести к центру за пределы блоков, точнее это требует просто детального внимания.
Для полосок используй ::after или ::before. Сами полоски сделай png или если есть возможность svg. Я бы сделал спрайт из png. Потом ставим их в фон ::after или ::before. И позиционируем. + в том что при изменении размера блока полоски будут там где тег с текстом. А в мобильной и планшетной версии их можно просто скрыть. Что бы позиционировать в отношении блока заголовка пропиши ему position relative
Зарегистрируйтесь или войдите
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Макет из Instagram в App Store
Скриншоты iPhone
Описание
Создавайте забавные, уникальные макеты, смешивая собственные фотографии и делясь ими с друзьями.
Выбирайте фотографии из фотопленки — или используйте встроенную фотобудку, чтобы делать спонтанные снимки — и мгновенно просматривайте их в различных комбинациях. Выберите макет, который вам больше всего нравится, а затем отредактируйте его, чтобы сделать его своим.
Плавный и интуитивно понятный процесс Layout дает вам полный творческий контроль. Коснитесь, чтобы зеркально отразить, перевернуть или заменить изображения, удерживайте и перетаскивайте их, чтобы поменять местами, сведите пальцы, чтобы увеличить или уменьшить масштаб, или потяните за ручки, чтобы изменить размер. Вы редактор, так что проявите творческий подход — расскажите историю, покажите наряд или просто соедините, нарежьте и измените внешний вид ваших обычных фотографий, чтобы передать настроение или тему.
ХАРАКТЕРИСТИКИ
* Объединяйте до 9 фотографий одновременно, чтобы создавать забавные персонализированные макеты.
* Используйте вкладку «Лица», чтобы быстро найти фотографии с людьми на них.
* Запечатлейте момент в режиме Photo Booth, сделав быстрые спонтанные снимки.
* Сохраняйте свои макеты в фотопленку и легко делитесь ими в Instagram или других сетях.
* Легко просматривать последние 30 фотографий, которые вы выбрали на вкладке «Последние».
* Соедините свои макеты с фильтрами и творческими инструментами Instagram, чтобы они выделялись еще больше.
* Загрузите и начните создавать немедленно. Никакой регистрации или учетной записи не требуется — и никакой беспорядок, нарушающий ваш поток.
Версия 1.2.6
Компания Apple обновила это приложение, и теперь на нем отображается значок приложения Apple Watch.
Исправление ошибок и повышение производительности.
Рейтинги и обзоры
96K оценок
Всегда возвращайся 2 МАКЕТ
Я скачал Layout вскоре после установки INSTAGRAM.
Я тоже всегда была довольна! Единственное дополнение, которое я бы хотел, — это возможность выбрать очистку границы: черный, белый и серый было бы здорово! За последние несколько лет я добавил около 3 других средств для создания коллажей, и хотя я могу использовать их раз или два, я всегда удаляю их в пользу Layout. Я мог бы найти другой вид, но приложениям не хватает простоты и реального выбора. Они показывают тонны пользы. макеты или фоны, но быстро стало очевидно, что вы должны ПРИОБРЕСТИ годовую подписку. использовать приложение. Они должны рекламировать «ForeverFree Trial», потому что это все, что вам нужно сделать. Неа! Layout — единственный инструмент для создания коллажей, без которого я не могу жить. Это EZ, в нем полно опций, и у меня никогда не было проблем с глюками! Спасибо Макет!
Я тоже всегда была довольна! Единственное дополнение, которое я бы хотел, — это возможность выбрать очистку границы: черный, белый и серый было бы здорово! За последние несколько лет я добавил около 3 других средств для создания коллажей, и хотя я могу использовать их раз или два, я всегда удаляю их в пользу Layout. Я мог бы найти другой вид, но приложениям не хватает простоты и реального выбора. Они показывают тонны пользы. макеты или фоны, но быстро стало очевидно, что вы должны ПРИОБРЕСТИ годовую подписку. использовать приложение. Они должны рекламировать «ForeverFree Trial», потому что это все, что вам нужно сделать. Неа! Layout — единственный инструмент для создания коллажей, без которого я не могу жить. Это EZ, в нем полно опций, и у меня никогда не было проблем с глюками! Спасибо Макет!Неисправное приложение?
Мне очень понравилось это приложение, и оно всегда со мной.
Я думал, что проблема решится, как только я куплю новый телефон, но она последовала за мной. Я не мог находиться в приложении Instagram дольше 30 секунд, прежде чем оно вылетело из строя. Затем сегодня я использовал это приложение макета, чтобы что-то редактировать, и приложение макета РАЗБИЛОСЬ. он делал это несколько раз, прежде чем мне пришло в голову, что это проблема.
Итак, я удалил это приложение, удалил приложение instagram, перезагрузил телефон, а затем повторно загрузил instagram (но не это приложение макета), и теперь проблема исчезла на 100%. Больше никакого перегрева, никакой разрядки батареи, никаких сбоев Instagram. Я буквально потрясен тем, что мне потребовались годы, чтобы понять это.
У меня было это на моем iphone xs, а теперь на моем iphone 12 mini, НО до тех пор, пока он у меня был, мой instagram продолжал падать, перегревать мой телефон и разряжать мою батарею. А еще меня постоянно взламывали или случайным образом заходили из других стран (в основном из России).
Разочарован, потому что приложение делало то, что мне было нужно, но в процессе нарушало работу моего приложения Instagram.Требуется исправление, чтобы вы могли начать сначала
Позвольте мне сказать, что я использовал это все время и дал бы ему 5 звезд, пока обновление не сломало что-то.
Итак, одно из последних обновлений, не уверен, какое именно, сделало так, что вы не можете вернуться на стартовый экран. Вы должны закрыть приложение.
Добавлены дополнительные шаги по выбору фотографий и созданию макета. И я действительно не уверен, почему? С точки зрения взаимодействия с пользователем это не имеет никакого смысла — потому что это не только добавляет дополнительные шаги, но и не позволяет очистить выбор и начать все сначала. Вы не можете получить доступ к своей фотопленке, если вы нажмете на последние, в нем будут только те вещи, которые вы недавно выбрали.
Это графический интерфейс, эквивалентный клавиатурной ловушке. Я надеялся, что, возможно, логотип или что-то еще позволит мне снять выделение и снова получить доступ к моей фотопленке. Но, похоже, нет никакого способа сделать это. Я очень расстроен тем, что мне приходится закрывать приложение каждый раз, чтобы увидеть всплывающее окно с вопросом, хочу ли я очистить свой выбор и использовать другие фотографии.
Если бы что-то было сделано для решения этой проблемы, я бы поставил 6 звезд! Я использую это приложение все время, и я очень разочарован тем, что функциональность была искалечена таким образом.
(Причина, по которой я не уверен, какое обновление вызвало это изменение, заключается в том, что я некоторое время не устанавливал никаких обновлений. Но недавно мне пришлось это сделать, когда я обновил свой телефон.)
Что я считаю совершенно бесполезным. Разработчик, Instagram, Inc., указал, что политика конфиденциальности приложения может включать обработку данных, как описано ниже.
Для получения дополнительной информации см. политику конфиденциальности разработчика.
Данные, связанные с вами
Следующие данные могут быть собраны и связаны с вашей личностью:
- Здоровье и фитнес
- Покупки
- Финансовая информация
- Расположение
- Контактная информация
- Контакты
- Пользовательский контент
- История поиска
- История просмотров
- Идентификаторы
- Данные об использовании
- Конфиденциальная информация
- Диагностика
- Другие данные
Методы обеспечения конфиденциальности могут различаться, например, в зависимости от используемых вами функций или вашего возраста. Узнать больше
Информация
- Продавец
- Инстаграм, ООО
- Размер
- 15,6 МБ
- Категория
- Фото и видео
- Возрастной рейтинг
- 4+
- Авторское право
- © 2015 ООО «Инстаграм»
- Цена
- Бесплатно
- Сайт разработчика
- Тех. поддержка
- Политика конфиденциальности
Еще от этого разработчика
Вам также может понравиться
Фотоколлаж из цифр – Создайте коллаж из цифр
- 1. Загрузите фотографии
- 2. Создать коллаж
- 3. Заказ
Выберите свой шаблон коллажа с цифрами
Коллаж 50 фото
Сердце фотоколлаж
Текстовый коллаж
Используйте этот шаблон
из 15
Знаете ли вы? Мы также предлагаем коллажи в форме сердца.
Создать коллаж
Совет: Мы предлагаем бесплатные шаблоны для коллажей на день рождения. Взглянем.
Создай фотоколлаж в виде номера — фотоподарок к памятным событиям
С фотоколлажем ты всегда рассказываешь историю . О чем этот рассказ, конечно, определяется в первую очередь содержащимися в нем образами. Совместные праздники, свадьбы, дни рождения или торжества можно чудесным образом объединить в большую серию фотографий .
Но это не должно заканчиваться на этом: если вы оформляете свой фотоколлаж в виде числа, вы не только придаете ему красивую внешнюю структуру , но и дополняете его значение . С числовым коллажем у вас есть идеальный подарок для памятных случаев и особых воспоминаний.
Как создать свой первый коллаж из цифр
Самый простой способ создать коллаж из цифр — это заранее приблизительно определить сколько фотографий вы хотите использовать для этого . Если у вас есть много фотографий, которые вы хотите включить, вам следует нажать «Много фотографий». тогда можно введите свой номер или последовательность цифр перед отправкой в генератор коллажей.
Важное примечание: Вы не можете вводить знаки препинания, такие как точка и запятая, в числовом коллаже. Причина этого в том, что этим маленьким символам обычно не хватает места, чтобы заполнить их фотографиями.
После того, как вы перешли к генератору коллажей, пришло время загрузить свои фотографии . В зависимости от того, хотите ли вы использовать только несколько или много изображений, отдельных фотографий в коллаже номеров будут больше или меньше .
Чтобы ваш коллаж выглядел привлекательно и аккуратно как издалека, так и вблизи, следует по возможности использовать как полнокадровые, так и высококачественные фотографии . Лучше всего для этого определиться с конкретной цветовой схемой . Таким образом, вы убедитесь, что все фотографии будут хорошо гармонировать друг с другом.
Совет фотохудожникам-экспериментаторам: Немного поэкспериментируйте с черно-белый фильтр . В частности, числам года или памятным событиям из прошлого можно придать дополнительный исторический оттенок, используя черно-белое сочетание.
Если во время загрузки вы обнаружите, что у вас недостаточно отдельных фотографий для большого коллажа, вы также можете просто загрузить несколько фотографий дважды . Это вносит немного больше гармонии, в частности, в динамические мотивы, и часто даже обеспечивает захватывающий эффект узнавания для зрителя.
После того, как вы соберете все изображения вместе, вы сможете увидеть, как выглядит ваш коллаж в функции предварительного просмотра . Если вам что-то не нравится, вы можете просто вернуться к инструменту и переместить изображения по своему усмотрению или даже заменить их на альтернативу.
3 идеальных случая для фотоколлажа в виде числа
1. Дни рождения: Иногда самые очевидные идеи также являются лучшими – так и с фотоколлажем на день рождения в виде числа. Конечно, это идеальный подарок на день рождения! Круглые дни рождения , в частности, имеют большое значение и могут быть прекрасно отпразднованы в виде числового коллажа. На дни рождения особенно приятно, если вы используете фотографии получателя из разных этапов его жизни для коллажа. Использование нескольких ваших совместных фотографий сделает его еще красивее.
2. Специальные годы: Вы также можете использовать свой фотоколлаж в качестве номера для более длинной последовательности чисел. Например, вы можете воспроизвести 2020 год на фотографиях и запечатлеть все прекрасные воспоминания. Этот вариант также очень хорошо работает для 90 196 лет рождения младенцев 90 197, 90 196 лет выпуска 90 197 или, в профессиональном контексте, даже для финансовых лет. Однако, если вы хотите использовать несколько чисел в качестве основы для фотоколлажа из чисел, важно убедиться, что у вас достаточно изображений для многогранного эффекта.
3. Юбилеи: Точно! Юбилеи также являются отличным поводом для того, чтобы напечатать фотоколлаж в виде номера! В конце концов, речь идет также о праздновании важного события вместе. Подобно коллажам на день рождения, это отличная идея для объединить фотографии из разных этапов жизни . В качестве основы можно использовать либо год начала периода, либо количество предыдущих лет.
Конечно, вы также можете принять решение на основе выбранных вами фотографий : если у вас много фотографий, укажите год, а если у вас меньше материала, просто выберите количество лет .
Знаете ли вы: Если вы запланировали свой коллаж как групповой подарок , вы даже можете пригласить друга на редактируем вместе с вами! Просто используйте поле «Пригласить друга» , чтобы добавить его адрес электронной почты. Лучше всего написать им короткую заметку и решить, должны ли они только добавлять фотографии или редактировать коллаж.
Вот как сделать коллаж из числа абсолютным хитом!
Правильно выберите фотоноситель: Если у вас больше ничего не запланировано, все наши числовые коллажи получаются в виде быстрых и несложных постеров. Преимуществом этого является не только высокая эффективность, но, конечно, и непревзойденная цена. Тем не менее, рассмотреть коллажную печать на холсте однозначно стоит. Холст был одним из самых качественных носителей изображений на протяжении многих десятилетий. Поэтому, если вы хотите придать своему коллажу эксклюзивный номер, вы можете получить прекрасные эффекты галереи с печатью на холсте .
Установите цвет фона: В частности, новичкам в коллаже рекомендуется выбрать простой и сдержанный фон . Хотя велик соблазн добавить немного бодрости в свои работы с помощью розового или зеленого, в случае сомнений всегда следует выбирать черный, белый или серый. Единственное исключение, конечно, черно-белый коллаж. Здесь вы можете поиграть с разными фонами и таким образом создать неожиданный и индивидуальный образ.
Используйте текстовое поле с умом: Коллаж в виде числа — это очень круто. Но иногда вы можете захотеть передать дополнительное сообщение. Вот почему все наши числовые коллажи имеют внизу отдельное текстовое поле . Здесь вы можете разместить посвящение, цитату, приветствие или поздравление. Совет для пар: Если вы хотите подарить коллаж своему партнеру, текстовое поле также будет отличным местом для ваших имен или инициалов!
Обзоры клиентов
Elsie
Обзор в CUPAR
Продукт: Коллаж Проверенная покупка
Абсолютно потрясающий
Обзор
. fab
сообщить о нарушении
Валери С.
Отзыв в Nr Clitheroe
Товар: Коллаж Подтвержденная покупка
excellent product
report abuse
Paul
Review in St Albans
Product: Collage Verified purchase
Excellent product, looks great
report abuse
Let’s Go
- Collage Infos
- Цена
- Срок поставки
Изображение: Фотоколлаж, напечатанный на акриловом стекле.
Информация о фотоколлаже
- Более 250 шаблонов коллажей
- Добавление пользовательского текста
- От 2 до 100 фотографий в одном коллаже
- Размер печати до 160 x 120 см
- Доставка в течение 48 часов
8 /wp-content -video.mp4
Видео: фотоколлаж на холсте
Доступно для следующих продуктов:
- Холст
- Арилиловое стекло
- Alu-Dibond
- Плакат 050 90 90 Size
0458 00 90 00 90 00 00 00 00 см80 x 80 см100 x 100 см120 x 120 см4:3 Classic40 x 30 см60 x 45 см80 x 60 см100 x 75 см120 x 90 см160 x 120 см3:2 Classic30 x 20 см60 x 40 см90 x 60 см105 x 70 см120 x 80 см2: 1 Панорама40 x 20 см60 x 30 см80 x 40 см100 x 50 см120 x 60 см3:1 Панорама60 x 20 см90 x 30 см120 x 40 см150 x 50 см180 x 60 см210 x 70 см4:1 Панорама80 x 20 см100 x 25 см120 x 30 см140 x 35 см160 x 40 см200 x 50 см5:1 Панорама125 x 25 см150 x 30 см160 x 30 см175 x 35 cm200 x 40 cmShipping to United KingdomIrelandNetherlands
| TODAY Order now | Next Day* | PRIO** delivery | STANDARD delivery | ||||||
| Tue | Wed | Thurs | Fri | Sat | Sun | Mon | Tue | Wed | Чт |
| 13 декабря | 14 декабря | 15 декабря. 0458 | 17 Dec. | 18 Dec. | 19 Dec. | 20 Dec. | 21 Dec. | 22 Dec. |
Заказ в рабочие дни до 11:00:
* Гарантированная доставка на следующий рабочий день
** Приоритетное производство и стандартная доставка
Мы осуществляем доставку:
Доставка в ВеликобританиюИрландияНидерланды
| Size | Next Day EXPRESS Upgrade | PRIO Upgrade | Delivery | |
|---|---|---|---|---|
| XS | 20 x 20 cm | £69.95 | £5.95 | £22.95 |
| XS | 30 x 20 cm | £69.95 | £5. 95 | £22.95 |
| XS | 30 x 30 cm | £69.95 | £5.95 | £22.95 |
| XS | 40 x 20 cm | £69.95 | £5.95 | £22.95 |
| XS | 40 x 30 cm | £69.95 | £5.95 | £22.95 |
| XS | 40 x 40 cm | £69.95 | £5.95 | £22.95 |
| XS | 45 x 30 cm | £69.95 | £5.95 | £22.95 |
| S | 50 x 50 cm | £74.95 | £7.95 | £15.95 |
| S | 60 x 20 cm | £74.95 | £7.95 | £ 15.95 |
| S | 60 x 30 cm | £74.95 | £7.95 | £15.95 |
| S | 60 x 40 cm | £74.95 | £7. 95 | £15.95 |
| S | 60 x 45 cm | £74.95 | £7.95 | £15.95 |
| S | 60 x 60 cm | £74.95 | £7.95 | £15.95 |
| S | 80 x 20 cm | £74.95 | £7.95 | £15.95 |
| S | 80 x 40 cm | £74.95 | £7.95 | £15.95 |
| M | 80 x 60 см | £74.95 | £7.95 | £15.95 |
| M | 80 x 80 cm | £79.95 | £9.95 | £19.95 |
| S | 90 x 30 cm | £79.95 | £9.95 | £19.95 |
| M | 90 x 60 cm | £79.95 | £9.95 | £19.95 |
| M | 100 x 25 cm | £79.95 | £9.95 | £19. 95 |
| M | 100 x 50 cm | £79.95 | £9.95 | £19.95 |
| M | 100 x 75 cm | £79.95 | £9.95 | £19.95 |
| L | 100 x 100 cm | £95.95 | £12.95 | £19.95 |
| M | 105 x 70 cm | £95.95 | £12.95 | £19.95 |
| M | 120 x 30 cm | £95.95 | £12.95 | £19.95 |
| M | 120 x 40 cm | £95.95 | £12.95 | £19.95 |
| M | 120 x 60 cm | £95.95 | £12.95 | £19.95 |
| L | 120 x 80 cm | £95.95 | £12.95 | £19.95 |
| L | 120 x 90 cm | £95.95 | £12.95 | £19. 95 |
| L | 120 x 120 cm | — | £12.95 | £29.95 |
| M | 125 x 25 cm | — | £12.95 | £29.95 |
| M | 140 x 35 cm | — | £12.95 | £29.95 |
| M | 150 x 30 cm | — | £12.95 | £29.95 |
| L | 150 x 50 cm | — | £12.95 | £29.95 |
| XL | 150 x 100 cm | — | £12.95 | £29.95 |
| M | 160 x 30 cm | — | £12.95 | £29.95 |
| L | 160 x 40 cm | — | £12.95 | £29.95 |
| XL | 160 x 120 cm | — | £12.95 | £29.95 |
| L | 175 x 35 cm | — | £12. |