ArtСross - Форум для Души

Живопись, компьютерная графика, фотография, разный арт => Мир фотошопа => Уроки по Photoshop => Тема начата: Azel от 24 Январь 2008, 01:29

Название: Оптимизация изображения для web
Отправлено: Azel от 24 Январь 2008, 01:29
Умение сохранить и оптимизировать изображения для web очень важно. Оно поможет Вам при пересылке картинок, фотографий по электронной почте и пригодится при выкладывании своих работ на нашем форуме.

Открываем в фотошопе нужное изображение. Для этого можно воспользоваться специальной иконкой на верхней панели (либо открываем нужный документ обычным способом через File--->Open...).
 
[attachimg=#1]

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

[attachimg=#2]

Изменим размер нашего изображения. Открываем диалоговое окно «Размер изображения…»

[attachimg=#3]

[attachimg=#4]


Верхние две цифры показывают линейный размер рисунка в пикселях при разрешении 72 пикселя на дюйм. Изменим один из размеров, к примеру, Ширина – 3264 на 800. При этом сохраняется пропорциональное соотношение ширины и высоты нашей картинки. «ОК»

При уменьшении изображения происходит некоторая  потеря качества – оно становится менее резким. Для восстановления резкости можно воспользоваться обычным стандартным «фотошоповским» фильтром «Резкость» ---> «Нечеткая маска». Изменяя значения настроек этого фильтра, можно улучшить изображение.
На следующем этапе мы оптимизируем нашу картинку и сохраним ее в виде удобном для пересылки по сети. Для этого откроем диалоговое окно «Сохранить для Web…»

[attachimg=#5]

[attachimg=#6]


На вкладке 4-up расположены 4 окна. В первом – оригинальное изображение, в остальных трех – изображения, оптимизированные с разным качеством.  Значение качества (Quality) можно выбирать на свое усмотрение. Нужно обратить внимание на то, что при значительном уменьшении цифры уменьшается и «вес» Вашей картинки, но при этом теряется качество, на изображении появляются шумы. При значениях близких к 50 и выше качество изображения оптимизированной картинки практически не отличается от оригинала, но и «вес» снимка увеличивается. 

[attachimg=#7]

Определившись с качеством изображения, сохраните его – оно готово для отправки на электронный адрес.




Название: Re: Оптимизация изображения для web
Отправлено: bapc от 04 Февраль 2008, 22:09
Очень полезный урок!
А то бывает некоторые как перекинут с цифровика или сканера фото, в таком виде и по электронке гонят!
А ты сидишь, качаешь, меги считаешь, а придёт полная туфта.

Можно и по другим темам ликбез организовать -  Фотошоп имеет широкие возможности, но не все умеют им пользоваться
Название: Re: Оптимизация изображения для web
Отправлено: Катрин Оглар от 07 Февраль 2008, 01:41
Полезная и интересная тема! Спасибо, Azel!  :good:

Можно и по другим темам ликбез организовать -  Фотошоп имеет широкие возможности, но не все умеют им пользоваться
Безусловно! Я думаю, уроки будут продолжаться :) Но "не за один день Рим строился"  :whistle3:
Название: Re: Оптимизация изображения для web
Отправлено: Batman от 17 Июнь 2008, 17:03
Может, у кого-нибудь есть определенные вопросы по Фотошопу, или кого-то что-то конкретно интересует - пусть пишут, а те, кто знает ответ - будут отвечать. Будет конструктивно и объективно, потому что специалистам очень тяжело описать все возможности этой программы, а конкретные темы осветить намного проще и легче. А вообще, тема хорошая и очень даже полезная. и не только в быту. Спасибо, Azel!   )
Название: Re: Оптимизация изображения для web
Отправлено: Azel от 17 Июнь 2008, 19:55
Спасибо тебе, Batman :) Конечно, когда есть конкретные вопросы, то и разговор получается более предметным:) Те уроки, которые я тут выложил, делались для моих знакомых, с которыми общаюсь в асе и переписываюсь по почте. Подумал, может еще кому-то эта информация пригодится...  Поэтому что-то добавляется, но нерегулярно и бессистемно.  Если у кого-то возникнут вопросы или фотошопные проблемы, пишите - будем разбираться вместе :)
Название: Re: Оптимизация изображения для web
Отправлено: uzamko от 08 Июль 2015, 23:11
А для чего эта оптимизация? Чтоб страница не была "тяжёлой" слишком?
--------------------
http://sleepeesleep.ru/catalog/mattresses/bespruzhinnye/
Название: Re: Оптимизация изображения для web
Отправлено: killabilla от 01 Октябрь 2015, 18:47
А для чего эта оптимизация? Чтоб страница не была "тяжёлой" слишком?
--------------------
http://sleepeesleep.ru/catalog/mattresses/bespruzhinnye/
Скорее всего для этого
Название: Re: Оптимизация изображения для web
Отправлено: sdwe от 03 Ноябрь 2015, 21:27
очень интересно
___________________
http://www.pronto-seating.ru/catalog/theaters/ (http://www.pronto-seating.ru/catalog/theaters/)
Название: Softbox Flash Bounce Diffuser For Canon 430EX Speedlight Speedlite
Отправлено: Rickeyurild от 30 Октябрь 2016, 20:26
Softbox Flash Bounce Diffuser For Canon 430EX Speedlight Speedlite 
 
 
Softbox Flash Bounce Diffuser For Canon 430EX Speedlight Speedlite

Softbox Flash Bounce Diffuser For Canon 430EX Speedlight Speedlite Description : Weight : 16g Color : white Flash units produce a harsh light built-in diffusers/reflector of the flash. Support for : Canon speedlight speedlite 430EX 430 EX II Flash diffusers not only diffuse the light, they spread the light as well. It reduces the maximum working distance between your flash and the object Features : Feature The diffuser is used to create exposures of even density over the entire surface of film. Use the diffuser by placing it flush against the front of the lens and exposing through it. It helps to reduce hard background shadows and eliminates the annoying red eye effect. It disperses the light over a wider area for a softer, more balanced and natural effect than you didn't use before. The light that passes through the diffuser and on to the film will create an even density across the surface of the film. Flash straight on if without our diffuser causes the light to go forward only and creates a harsh shadow behind the subject. This fits cleanly over the head of your existing flash, no need for cumbersome attachments, hooks. Try us and see the difference. The flash with our diffuser installed and tilted at 45 degrees gives a nice soft wrap around of light with a soft shadow behind the subject. Package Included : 1 x bounce flash diffuse Detail Pictures : Thank you for surfing our website. Welcome your kindly suggestion and your product requirements,we will provide our best service for you.


New Price  1.99 USD!

(http://img.banggood.com/images/upload/2014/07/SKU079465a.jpg.JPG)



(http://marketingland.com/wp-content/ml-loads/2015/08/image091.png) (https://ad.admitad.com/g/e8f129b05ec3069175106213826a88/?i=5&ulp=http%3A%2F%2Fwww.banggood.com%2FSoftbox-Flash-Bounce-Diffuser-For-Canon-430EX-Speedlight-Speedlite-p-934741.html) 
 
key:#66gDF%EdsagKUYUF#
 
 
 
 
 
 
 
Кеды Vans. Цвет: мультиколор. Материал: натуральная замша, текстиль. Сезон: Осень-зима 2016/2017. (http://bbs.cnautonews.com/home.php?mod=space&uid=19194)
Лонгслив adL. Цвет: синий.  Сезон: Осень-зима 2016/2017. (http://bbs.marenlu.com/space-uid-152909.html)
Ботильоны Natalia Blanco. Цвет: коричневый. Материал: натуральный велюр. Сезон: Осень-зима 2016/2017. (http://fcbbs.zaird.com/space-uid-17480.html)
Брюки Zarina. Цвет: синий.  Сезон: Осень-зима 2016/2017. (http://bookieboost.com/bettingtalk/posting.php?mode=post&f=15)
Пуловер Violeta by Mango. Цвет: розовый.  Сезон: Осень-зима 2016/2017. (http://aristie.info/index.php?topic=111200.new#new)