Почему ?

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

DAVminsk
DAVminsk

Сообщение #1 DAVminsk » 29.04.2018, 20:15

Почему на главной странице, картинки товаров в плохом качестве. При открытии их , качество правильное.
(научным языком объяснить не могу, надеюсь что поняли о чем я говорю)

Добавлено спустя 14 часов 32 минуты:
http://prntscr.com/jbwpj6
Качество ужасное !

Добавлено спустя 51 секунду:
Изображение

Добавлено спустя 15 минут 40 секунд:
Как улучшить качество изображения ?

korshunov
korshunov
Репутация: 146
Сообщения: 1854
Зарегистрирован: 03.12.2015
С нами: 8 лет 3 месяца
Skype

Сообщение #2 korshunov » 30.04.2018, 11:22

Потому что так проводится обработка графической библиотекой. Возможно, настройки качества выставлены не самые лучшие. И работает по разному с разными форматами файлов. По моим наблюдения, с jpg лучше, с png хуже.

И к такому вопросу надо бы ссылочку. Или загрузите СВОЮ картинку на демо-сайт и посмотрите результат.

Иногда помогает изменение параметра quality в api/Image.php...

DAVminsk
DAVminsk

Сообщение #3 DAVminsk » 01.05.2018, 15:28

Я вложил ссылку с картинкой

korshunov
korshunov
Репутация: 146
Сообщения: 1854
Зарегистрирован: 03.12.2015
С нами: 8 лет 3 месяца
Skype

Сообщение #4 korshunov » 01.05.2018, 17:35

DAVminsk писал(а):Я вложил ссылку с картинкой

Это примерно как лечить больного по фотографии...

DAVminsk
DAVminsk

Сообщение #5 DAVminsk » 08.05.2018, 09:14

Так кто то может помочь , и ответить на этот вопрос ???

OkayCMS M
Администратор
Аватара
OkayCMS M
Администратор
Репутация: 216
Сообщения: 1627
Зарегистрирован: 12.11.2015
С нами: 8 лет 4 месяца
Сайт Skype

Сообщение #6 OkayCMS » 08.05.2018, 14:38

Проверьте какой ресайз у вас выставлен для этих фото. Может вы их нарезаете маленькими, а затем растягиваете.

DAVminsk
DAVminsk

Сообщение #7 DAVminsk » 05.06.2018, 09:33

OkayCMS писал(а):Проверьте какой ресайз у вас выставлен для этих фото. Может вы их нарезаете маленькими, а затем растягиваете.
Размер картинок 700х700
Раньше были даже больше.
Мне кажется что эта проблема из за сжатия картинки.
Кто нибудь может подсказать решение этой проблемы ???
https://mdbelarus.by/

Master
Master
Репутация: 28
Сообщения: 84
Зарегистрирован: 25.01.2016
С нами: 8 лет 2 месяца

Сообщение #8 Master » 05.06.2018, 18:44

Вы, очевидно имеете ввиду картинки в блоке Новости. Вам правильно писали, все дело в ресайзе. У вас картинка шириной 250 пикселей растягивается до 290 и на планшетах даже больше, соответственно теряется качество.
К тому же там картинка растягивается на всю ширину блока CSS стилями.
Есть несколько вариантов решения проблемы.
Кроме того, у вас блок О магазине больше по высоте, чем Новости и это все смотрится не красиво.
Рекомендую вам сделать эти блоки на всю ширину.
Для этого в файле design/okay_shop/html/main.tpl найдите блок Page content and Last posts и замените на

Код: Выделить всё

   {* Page content and Last posts *}     
   {if $page->description}
      <h1 class="h2" data-language="main_about_store">{$lang->main_about_store}</h1>
      <div class="block padding">
         <h1 class="h4">{$page->name|escape}</h1>
         <div class="main_text">{$page->description}</div>
      </div>
   {/if}
      
   {get_posts var=last_posts limit=4 type_post="news"}
   {if $last_posts}
      <div class="h2">
         <span data-language="main_news">{$lang->main_news}</span>
      </div>

      <div class="news clearfix block">
         {foreach $last_posts as $post}
            <div class="news_item no_padding col-sm-6 col-lg-3">
               <a class="news_image" href="{$lang_link}{$post->type_post}/{$post->url}">
                  {if $post->image}
                     <img class="news_img" src="{$post->image|resize:400:400:false:$config->resized_blog_dir}" alt="{$post->name|escape}" title="{$post->name|escape}"/>
                  {/if}
               </a>

               <div class="news_content">

                  {* News name *}
                  <div class="h5">
                     <a href="{$lang_link}{$post->type_post}/{$post->url}" data-post="{$post->id}">{$post->name|escape}</a>
                  </div>

                  {* News date *}
                  <div class="news_date"><span>{$post->date|date}</span></div>

                  {* News annotation *}
                  {if $post->annotation}
                     <div class="news_annotation">{$post->annotation}</div>
                  {/if}

               </div>
            </div>
         {/foreach}

         <div class="look_all">
            <a href="{$lang_link}news" data-language="main_all_news">{$lang->main_all_news}</a>
         </div>
      </div>
   {/if}
   

DAVminsk
DAVminsk

Сообщение #9 DAVminsk » 06.06.2018, 22:38

[quote="Master"]Вы, очевидно имеете ввиду картинки в блоке Новости. Вам правильно писали, все дело в ресайзе. У вас картинка шириной 250 пикселей растягивается до 290 и на планшетах даже больше, соответственно теряется качество.
К тому же там картинка растягивается на всю ширину блока CSS стилями.
Есть несколько вариантов решения проблемы.
Кроме того, у вас блок О магазине больше по высоте, чем Новости и это все смотрится не красиво.
Рекомендую вам сделать эти блоки на всю ширину.
Для этого в файле design/okay_shop/html/main.tpl найдите блок Page content and Last posts и замените на

Здравствуйте.
Да, и картинки новостей тоже.
Но и посмотрите на все остальные, они все размытые, хотя качество я повторюсь 700х700
--------------
Код поменяли, на главной странице все пропало )

DAV
DAV
Репутация: 0
Сообщения: 1
Зарегистрирован: 06.06.2018
С нами: 5 лет 9 месяцев

Сообщение #10 DAV » 11.06.2018, 11:08

Кто еще каким советом может помочь ?

skrebzoff
skrebzoff

Сообщение #11 skrebzoff » 25.09.2020, 06:34

отключить в настройках каталога поддержку webp


Название раздела: Вопросы по работе с OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Вопросы по работе с OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 39 гостей