Jump to content
Sign in to follow this  
lexxwin

Как правильно изменять размер фото, перед заливкой на сайт?

Recommended Posts

Здравствуйте.

По неопытности залил на сайт фото товара, по несколько мегабайт.

Теперь понял что это не правильно, решил изменить их вес. Но столкнулся с проблемой:
 

1) Что лучше изменить, качество изображения, или его размер в пикселях?
2) Кто чем пользуется для этого?

 

Спасибо.

Share this post


Link to post
Share on other sites

Здравствуйте.

По неопытности залил на сайт фото товара, по несколько мегабайт.

Теперь понял что это не правильно, решил изменить их вес. Но столкнулся с проблемой:

 

1) Что лучше изменить, качество изображения, или его размер в пикселях?

2) Кто чем пользуется для этого?

 

Спасибо.

Зашла в темку почитать,что гуру скажут,но пока их нет, подождем,ибо тоже интересует вопрос- какими должны быть размеры оптимальные,чтоб не грузили сильно сайт...

Пока что я уменьшаю размер в фотошопе. это не самая удобная наверное прога,но просто я вообще в нем все делаю, поэтому и фотки там же уменьшаю.

насколько я понимаю, если вы уменьшите размер в пикселях, качество само по себе уменьшится))) т.е. если вы растянете изображение до прежних размеров,то качество будет хуже,да...Поэтому это одно и то же вроде как. Я выставляю для картинок товара 200-300 пикселей по большей стороне. это норм? или нужно еще меньше? и можно ли их потом как то обжимать еще, может какие то обработки файлов есть,коды и прочее? имеется в виду уже программные коды в магазине самом...

  • +1 1

Share this post


Link to post
Share on other sites

жмите до максимальной ширины/высоты указанной в настройках, по дефолту это 500/500

  • +1 1

Share this post


Link to post
Share on other sites

Файловый менеджер в опенкарте имеет ограничение на 1000 пикселей по параметрам (ШхВ) и 300 кб по весу.

  • +1 1

Share this post


Link to post
Share on other sites

Вопрос конечно интереееесный (с)

Если нужна галерея, например, фотосток - 800х600, 900х600 (горизонтальных), для вертикальных - подобрать так чтобы высота было не больше 700px  для "большой" фотки

для малых (предосмотр) 350px в ширине

для еще меньших 100-110

 

Для магазина с товарами - иметь такое качество фото - роскошь. Т.е. для основного фото товара даже 500 многовато будет

Ну а все остальное...

 

Грубо расчет делаем по ширине основной части сайта...

 

Ширина сайта 1000px

в строке хотим видеть 6 товара - 1000 (без левой, правой колонок) 1000/6  = 150px оставляем место для отступов между карточками

левая и правая колонки по 160 px

 

150px для карточки товара в списке

В карточке товара - макс треть от ширины блока контента (при двух колонках)  240 - 220 px

Картинка товара не должна быть доминирующей над юзабилить возможностями, она не должна отвлекать от процесса покупки, а только способствовать.

 

Вот такое мое скромное мнение.

  • +1 1

Share this post


Link to post
Share on other sites

Зашла в темку почитать,что гуру скажут,но пока их нет, подождем,ибо тоже интересует вопрос- какими должны быть размеры оптимальные,чтоб не грузили сильно сайт...

Пока что я уменьшаю размер в фотошопе. это не самая удобная наверное прога,но просто я вообще в нем все делаю, поэтому и фотки там же уменьшаю.

насколько я понимаю, если вы уменьшите размер в пикселях, качество само по себе уменьшится))) т.е. если вы растянете изображение до прежних размеров,то качество будет хуже,да...Поэтому это одно и то же вроде как. Я выставляю для картинок товара 200-300 пикселей по большей стороне. это норм? или нужно еще меньше? и можно ли их потом как то обжимать еще, может какие то обработки файлов есть,коды и прочее? имеется в виду уже программные коды в магазине самом...

 

Уменьшение количества пикселей, уменьшает их количество на картинке. А уменьшение качества, ухудшает качество картинки не изменяя её размер (делает её менее четкой и размытой, как я понял).

 

Только что сам экспериментировал, двумя способами:

 

Исходный вес фото 1,61 Mb, размер 2000х1500 пкс

1)Уменьшил размер на 500х375, картинка стала меньше по размеру и её вес составил 22,5 кБ.

2)Сжал качество на среднее, её вес стал 214 кБ, а разрешение так и осталось 2000х1500 пкс.

 

Использовал программу EasyWatermark.

Share this post


Link to post
Share on other sites

жмите до максимальной ширины/высоты указанной в настройках, по дефолту это 500/500

Спасибо, буду пробовать.

Share this post


Link to post
Share on other sites

Исходный вес фото 1,61 Mb, размер 2000х1500 пкс
1)Уменьшил размер на 500х375, картинка стала меньше по размеру и её вес составил 22,5 кБ.
2)Сжал качество на среднее, её вес стал 214 кБ, а разрешение так и осталось 2000х1500 пкс.

 
Какой из этих 2-ух способов предпочтительнее?

Share this post


Link to post
Share on other sites

Уменьшение количества пикселей, уменьшает их количество на картинке. А уменьшение качества, ухудшает качество картинки не изменяя её размер (делает её менее четкой и размытой, как я понял).

 

Только что сам экспериментировал, двумя способами:

 

Исходный вес фото 1,61 Mb, размер 2000х1500 пкс

1)Уменьшил размер на 500х375, картинка стала меньше по размеру и её вес составил 22,5 кБ.

2)Сжал качество на среднее, её вес стал 214 кБ, а разрешение так и осталось 2000х1500 пкс.

 

Использовал программу EasyWatermark.

хм...поэкспериментирую на досуге...всегда думала, что вместе с пикселями ухудшается и вес и качество...и наоборот

Share this post


Link to post
Share on other sites

Подниму данную темку, на дворе 2015 год и тот к концу идёт, что изменилось за это время? Я вот думаю выкладывать фото размером 1600 на 1066.. Что скажите?

Ограничение вроде осталось прежнее:

"Файловый менеджер в опенкарте имеет ограничение на 1000 пикселей по параметрам (ШхВ) и 300 кб по весу."

Share this post


Link to post
Share on other sites

Здравствуйте.

По неопытности залил на сайт фото товара, по несколько мегабайт.

Теперь понял что это не правильно, решил изменить их вес. Но столкнулся с проблемой:

 

1) Что лучше изменить, качество изображения, или его размер в пикселях?

2) Кто чем пользуется для этого?

 

Спасибо.

 

Я всегда увеличиваю максимальный размер всплывающего увеличенного изображения до 600 на 600 или 800 на 600, если нужны горизонтальные фотки.

Сжимать лучше и размер, и вес.

Оптимально - уменьшить высоту и ширину, как уже здесь писали, до максимальных размеров всплывающего изображения.

Для пакетной обработки фотографий я пользуюсь FastStoneImageViewer - удобная бесплатная мощная программа, в которой можно сразу настроить и размеры, и качество сжатия и т.д.

Share this post


Link to post
Share on other sites

Я всегда увеличиваю максимальный размер всплывающего увеличенного изображения до 600 на 600 или 800 на 600, если нужны горизонтальные фотки.

Сжимать лучше и размер, и вес.

Оптимально - уменьшить высоту и ширину, как уже здесь писали, до максимальных размеров всплывающего изображения.

Для пакетной обработки фотографий я пользуюсь FastStoneImageViewer - удобная бесплатная мощная программа, в которой можно сразу настроить и размеры, и качество сжатия и т.д.

 

Понял, а не маленький размер? для моего товара не пойдет... В купленном тут шаблоне параметры "всплывающего изображения" должны быть 1000 на 1600. Но я хочу переделать на 1600 X 1066. И делать такого размера фотки. 

За прогу спасибо, посмотрю из дома. 

 

Не совсем понял это:

"до 600 на 600 или 800 на 600, если нужны горизонтальные фотки."

Можно как-то регулировать формат "всплывающего" изображения?? помимо заданных размеров в настройках шаблона? 

Share this post


Link to post
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.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   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.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.