Перейти к содержимому

Форум города Белая Церковь


Фотография
- - - - -

Автоматична оптимізація фоток на сайті


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 sashock

sashock

    Писатель

  • Пользователь+
  • PipPipPipPip
  • 704 сообщений
  • Район:Леваневського
  • Пол:
  • Город:БЦ

Отправлено 10 Сентябрь 2015 - 10:33

Народ, можливо, ви в своїх проектах стикалися з такою задачею і підкажете оптимальне рішення. 
 
Необхідно автоматично оптимізувати фотки на сторінці, щоб швидкість її завантаження була максимально швидкою. Але при цьому потрібно щоб фотки виглядати так, щоб їх лизнути хотілося. 
 
Я поки бачу два вариіанти: 
  1. Нарізати кілька копій фотки і в залежності від девайсу (респонсів верстка) підключати свою копію зображення. Тобто, як робить той же wordpress.
  2. Не нарізати, а пережимати фотки сильніше, і для сматртфонів і ретін всіляких вантажити пережату копію. Тобто, автоматична зміна розміру фотки браузером нівелює погану якість фотки і вона виглядатиме ОК. Статтейки по темі http://alidark.com/r...a-image-mobile/ + https://www.filamentgroup.com/lab/compressive-images.html
  3. Ваш варіант...
Зараз тут http://viza-valiza.com/country/ukraina використовується другий метод з пережиманням, але фотки виглядають галіменько. Як великі, так і прев’юшки в турах  :cry:

  • 0

vv.png Агенція сімейних подорожей «Віза-Валіза» — viza-valiza.com

 

pd.png Блог «Продизайн» — prodesign.in.ua


#2 Алеф-Ромео

Алеф-Ромео

    Прописанный

  • Заблокированные
  • PipPipPipPipPipPip
  • 2 180 сообщений
  • Район:4-й
  • Пол:
  • Город:Біла Церква

Отправлено 10 Сентябрь 2015 - 16:51

П.2 - маячня повна. Тільки п. 1 дасть якість і економію трафіку. Все решта - компроміс.


  • 1
Білій Церкві - зручні попутки

#3 sashock

sashock

    Писатель

  • Автор Темы
  • Пользователь+
  • PipPipPipPip
  • 704 сообщений
  • Район:Леваневського
  • Пол:
  • Город:БЦ

Отправлено 11 Сентябрь 2015 - 11:36

П.2 - маячня повна. Тільки п. 1 дасть якість і економію трафіку. Все решта - компроміс.

 

Ну чому, комбінація п.1 і п.2, напрклад, для ретіна екранів може дати цікавий результат. 


  • 0

vv.png Агенція сімейних подорожей «Віза-Валіза» — viza-valiza.com

 

pd.png Блог «Продизайн» — prodesign.in.ua


#4 kredisov

kredisov

    Участник

  • Пользователь+
  • PipPip
  • 196 сообщений
  • Пол:
  • Город:БЦ

Отправлено 11 Сентябрь 2015 - 12:09

Посмотрите как сделал я динамический размер ( пример как на сайте internship . ua - главная) блоки новостей снизу

 

ну или вот по этой ссылке можно поиграться с изображением

internship.ua/getimage.php?i=/img/menu/internship_specialist_usa.jpg&w=1555&c=1

w = ширина

c = кадрирование (можно убрать этот параметр)


  • 0




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных