оптимизация фото для web, уменьшение фото для интернета Опции

[Laini]

простейший способ веб-оптимизации фотографий в Adobe Photoshop, без углубления в тонкости — всего в 3 шага.

открываем фотографию в фотошопе:

1. изменить размер — не делайте фотографию слишкой большой (если, она, конечно, не претендует на wallpaper) — лучше, если она будет в пределах от 300 до 800 пикселей по широкой стороне.
— в фотошопе: Image -> Image Size

2. добавить резкости — при масштабировании изображения теряется резкость, поэтому ее лучше чуть повысить на уменьшенной копии.
— в фотошопе: Filter -> Sharpen -> Sharpen, затем ослабить эффект до более естественного: Edit -> Fade -> 50%

3. сохранить
— в фотошопе: File -> Save for Web: JPEG, Quality 75

P.S. если Вы пользуетесь сайтами-хранилищами фотографий, которые сами уменьшают создают веб-версии закачанного оригинала — имейте ввиду, что Вы заведомо теряете качество фотографии.

[Laini]

так же можно пользоваться более сложным и долгим изменением размеров, которое позволяет сохранить лучшую детализацию:

последовательно несколько раз "складывать" фотографию пополам - убирать по 50% размера и чуть добавлять резкости (на больших размерах это фильтр Filter -> Sharpen -> Unsharp Mask: Amount 30-40%, Radius 0.5-1 pixel; на маленьких размерах - Filter -> Sharpen -> Sharpen с последующим сглаживанием - Edit -> Fade 20-50%).

[Asti Rus]

А можно изменить р-р сразу нескольких фото или надо по одной ?

[Laini]

можно, это называется Batch, для него нужно записывать Action. если интересно - расскажу подробнее.

[Asti Rus]

Конечно интересно !!!
Внимательно слушаю и записываю

[Selar]

Можно попросить перевод, у меня русская версия ФШ. С английским языком совсем не дружу

[Laini]

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

тем не менее - попробую угадать...
Image -> Image Size = Картинка (3ье меню); размер картинки
Filter -> Sharpen = Фильры (6ое меню), резкость
Sharpen и Unsharp Mask как то были криво переведены... но это, соответственно, первое и последнее во вкладке Резкость.
Edit -> Fade - Правка (2ое меню) и, наверно, Сглаживание (4ое сверху)

ну, как то так.

про батчи и экшены сажусь писать, тема будет в Коррекции, название "Пакетная обработка".

[Bittner]

Есть небольшая специальная программа для просмотра JPEG и кадрирования. Кодрирование в различных форматах, как для печати, так и для инета. Кому интересно, посмотрите: ]]>http://dmitryelj.spb.ru/PhotoViewer.html]]>

[Frider]

5 копеек

Много приходилось для web изображений (те только фото) править, в итоге
уже давно пользую для этого две простых и удобных програмки:
- сжать/увеличить отдельное изображение IrfanView
- пакетная обработка (в основнов фото) ]]>Arles Image Web Page Creator]]>

Последняя ну очень удобна

[Кофе]

Хочу спросить,если делать резкость из 1 пункта,то как тогда на форум загружать?через сам форум или кепчу и радикал,ведь там как написано резкость падает сильно.что я всегда это и наблюдаю у себя((

[Илья]

Хочу спросить,если делать резкость из 1 пункта,то как тогда на форум загружать?через сам форум или кепчу и радикал,ведь там как написано резкость падает сильно.что я всегда это и наблюдаю у себя((

Снимите все галки и фото будет без изменений.

[Кофе]

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

[JumpingRat]

Кофе, есть два пути: уменьшить фото для веб ручками самостоятельно, с полным контролем над процессом или переложить эту задачу на автомат хостингового движка. Рецепт в начале этого топика и ответ Ильи - по первому пути. А Ваш вопрос - по второму.
Если хотите потратить чуть больше времени, но получить предсказуемый и качественный результат - идите по первому. Если не жалко трафика гонять на хостинг большую картинку и потом радоваться результату ее уменьшения не самым продвинутым алгоритмом без контроля настроек - по второму.

[Грейси]

Кофе,

Илья как раз все правильно написал. Просто обычно через радикал или кип и тому подобные сервисы загружают уже подготовленые для веба фотографии ( уменьшеные до соотв. размера). Как их подготовить правильно Лайни уже писала выше.

[Кофе]

JumpingRat, у меня без лимит!просто я не поняла ,что делать!если просто беру фото и уменьшаю через радикал или кепчу до 640 пикселей,то резкость падает.
а если без галочек как сказал Илья то формат огромный получается.это уже не для форума!
а хотелось бы маленький формат для форума,но чтоб с резкостью.вот как у всех здесь.и запуталась как что делать!
а если делать по 1 варианту,то как потом сюда загружать?ведь если опять через кепчу загрузить уже обработанную,то резкость не упадет?

[Собашник]

JumpingRat, у меня без лимит!просто я не поняла ,что делать!если просто беру фото и уменьшаю через радикал или кепчу до 640 пикселей,то резкость падает.
а если без галочек как сказал Илья то формат огромный получается.это уже не для форума!
а хотелось бы маленький формат для форума,но чтоб с резкостью.вот как у всех здесь.и запуталась как что делать!
а если делать по 1 варианту,то как потом сюда загружать?ведь если опять через кепчу загрузить уже обработанную,то резкость не упадет?

сначала уменьшите размер в фотошопе сами, а потом при заливке снимите все галки как сказал Илья.

[Илья]

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

Как спросили,так и ответил.

[Кофе]

Собашник,
ааа вон как!все спасибо большое,все понятно и внятно ответили!!!!!!!!

[Собашник]

Собашник,
ааа вон как!все спасибо большое,все понятно и внятно ответили!!!!!!!!

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

[kondak]

Наткнулся на статью, давнего своего друга, Николая Обухова, ]]>Как уменьшить фото для веб-сайта ]]>
Мне он когда то очень помог с поиском путей оптимизации фотографии под WWW.

Прочитал статью, очень непросто он пишет, но если пошагово все сделать самому,
все понятно.
тут же файл ЭКШЕНА который можно загрузить в Фотошоп и он сам сделает львиную долю операций.

Рекомендую.