На главную
X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >  
ОтветитьСоздать новую тему
Байты и пиксели или лучше меньше да лучше, про публикацию рисунков в и-нете
Set
сообщение 15.10.2004, 12:36
Сообщение #1


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



«Байты и пиксели» или «лучше меньше да лучше»
На полноценную статью это не сильно подходит, но кажется этот вопрос волнует многих.

Как публиковать свои рисунки и фотографии в Интернете? Этот вопрос актуален для всех, кто хоть раз пробовал это сделать. И не так важно опубликовать, а важно опубликовать правильно- так, чтобы люди, просматривая ваш шедевр, не матерились ожидая загрузки (подсчитывая мегабайты и рубли), а восторгались творческими изысками, которые вы применили в своей работе. И так, чтоб зритель не утыкался носом в монитор с одним желанием- разобраться, что же все-таки там нарисовано…
Вот этим мы и займемся- будем учится правильно подготавливать файл к выкладыванию в и-нет.

Инвентарь: Фотошоп (у меня 7й, у вас какой хотите). Фотка в хорошем качестве(я взял свой портрет - Jpeg в 12 качестве.1200*1600 784 KB), мыша, компьютер, желание опубликовать этот шедевер.

Шаг 1й- грузим фотошоп и загружаем в него фотку… (процесс вроде несложный- все должны справиться)

Шаг2й – смотрим на загрузившееся изображение и начинаем предаваться философии.

Итак, философия: давайте подумаем зачем нужен такой большой размер фотки? (ответ, чтоб красиво ее распечатать.), но мы то собираемся выкладывать ее в нет, поэтому нам такой габарит абсолютно не нужен… а какой нужен? Вот на этот вопрос мы и попытаемся ответить… Давайте подумаем- какие мониторы сейчас стоят у среднестатистического пользователя? 17” (может я и отбился от жизни, но у меня именно 17шка… и у всех моих знакомых 17, и 19 дюймовки у некоторых пижонов…wink.gif ) а Какое разрешение стоит на всех этих среднестатистических мониторах? (обычно 1024*768, ибо редкий семнадцатидюймовник поддерживает большее разрешение на приемлемой частоте. (надеюсь никто из вас не использует частоту 60 герц ?)) Вот у нас уже есть кое-что, чтобы понять какой размер картинки наиболее приемлем для выкладывания его в Интернет.
Может возникнуть вопрос, а почему нельзя выложить больший размер? Отвечу- лично меня бесит возить мышкой по картинке чтоб рассмотреть ее всю. Из-за неформата теряется ощущение целостности и разглядывая детали можно упустить саму идею рисунка, да и жрут большие размеры намного больше трафика.
На самом деле размер картинки должен быть еще меньше- не забывайте про рабочие поля Виндовса, которые одевают рисунок в своеобразную рамочку и стремятся после загрузки сжать картинку так, чтоб она влезала в окно (что смотрится безобразно)- это еще один повод не выкладывать картинки размера большего, чем пользователь может окинуть взглядом, без лишних телодвижений. Итак приходим к выводу что размер публикуемого рисунка должен быть меньше 1024*768. если идти к следующему ГОСТу на работу монитора, то получаем 800*600, я бы порекомендовал остановиться именно на этом размере, как стандарте, и начинать плясать именно от него… максимальные габариты нашего рисунка должны быть 800 по горизонту и 600 по вертикали… (это правило не должно распространяться на валлпейперы, так как, их просто необходимо, публиковать в 1024*768).
Я специально взял фотку с габаритами, где вертикаль меньше горизонтали и теперь мы будем изменять ее размер, чтоб она нормально смотрелась.

Шаг-3йВозвращаемся в фотошоп и давим Image- image size...
Вот здесь то мы теперь веселиться и будем… так как правильно ужать не всегда удается с первого раза (особенно если картинка не стандартного размера, а какая-нибудь 832*579)
Не забывайте, что при уменьшении, чтобы избежать артефактов необходимо добиваться кратных чисел. Желательно, чтобы размеры были в четных числах. Причем считается, что уменьшение лучше делать в несколько шагов, каждый раз деля исходный размер на 2 (если это возможно).
Итак :
шаг 1й- получили рисунок размером 600*800 (что пока не соответствует нашим требованиям)
Шаг 2й –на выходе имеем рисунок с габаритами 450*600. никаких глюков и артефактов не обнаружено. Рисунок хорошо просматривается, понятно что на нем происходит. Габаритная цель достигнута

Шаг 4й- или «что посмеешь, то и пожмешь»…
Теперь начинаем сохранять файл в Jpeg, чтобы он без потери качества (видимого качества) занимал максимально мало места. В общем искать приемлемого соотношения размер / качество.

Итак изначально у нас был Файл максимального качества размером 786кил.
Сохраняем его в Jpeg 12 качества в Формате «baseline (standart)», мудрый фотошоп сразу подсчитывает нам, сколько этот файл будет весить и сколько закачиваться по времени- получаем размер 262килобайта. Ну а качество у нас не изменилось
Лирическое отступление:
в литературе есть мудрая мысля, что если много раз сохранять один и тот же файл в Jpeg, то в итоге мы получим грязый и мутный картинок, в котором будет трудно что-либо разобрать. Поэтому НИКОГДА не сохраняйте промежуточные стадии в Jpeg- этот формат для публикации, а рисовать надо в форматах с обратной компрессией.
Конец лирического отступления.

Теперь попробуем еще сократить размер рисунка в килобайтах…
Не изменяем качество, но изменяем режим на «Baseline optimised» - итог 254кб изменение качества незаметно.
Следующий режим Progressive – как я понимаю, проводит многоразовое сжатие, что позволяет еще уменьшить размер файла- 242кб при 5 scans

Но ведь 12 режим – это идеал. На самом деле обычно используют от 9 до 6 качества- здесь изменения также почти незаметны, а вес файла уменьшается серьезно, поэтому рассмотрим именно эти режимы поподробнее…

7 качество: Baseline Standart – 70 kb
Optimised- 68 kb
Progressive- 68kb
Начали появляться артефакты на границах высокой контрастности (правда артефакты эти, я нашел лишь с четвертой попытки), однако уменьшение размера больше чем в 3 раза стоит того.

А вот при сохранении в 9 качестве я как ни старался так и не смог найти различия с 12 качеством, а размер составил 108, 106 и 104 килобайта соответственно (то есть меньше чем в 2 раза)

Ради смеха попробовал сохранить картинку в качестве 0:
результат- 27, 26, 26 кб, при абсолютной невозможности понять что происходит на картинке. (размер сократился примерно в 9 раз)

Резюме: Качество пожатого в Jpeg рисунка зависит не только от степени сжатия. Мы взяли в качестве примера фотографию, где рядом очень мало одинаковых пикселей. (а фишка сжатия как раз и построена на усреднении цвета соседних полей) поэтому качество рисунка зависит как раз от площадей одинакового цвета и качество двух разных изображений пожатых в одном и том же режиме может разниться (для некоторых рисунков и 3 уровня может быть достаточно, если детали крупные и рисованные одним цветом, а для фоток 7 уровень уже дает косяки). В конце концов вы сами должны решать, какое качество необходимо для вашего рисунка, но просто хочется посоветовать не ленитесь и ищите тот уровень и метод сжатия, который дает не только хорошее качество но и хороший размер. Это не так уж и сложно, а остальные вам скажут спасибо.

C уважением… Set (setu@pisem.net- для вопросов и предложений)
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_Āđøńāіі (гость)
сообщение 15.10.2004, 12:59
Сообщение #2





Гости






Вот как-то так, спасиба за старания помочь, и за статью тоже, но вот, подскажи какой у тебя сканер ? и сот-нно его хар-ки ph34r.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 15.10.2004, 13:03
Сообщение #3


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



А никакого... если я и рисую, то рисую на планшете.
а при чем тут сканер? huh.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_no-It (гость)
сообщение 15.10.2004, 13:10
Сообщение #4





Гости






зачем изобретать велосипед, если можно сделать проще.
в шопе есть функция, так и названная - save for web, специально для таких целей.
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 15.10.2004, 14:38
Сообщение #5


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Все б вам на специальные кнопочки жать... wink.gif
тут принцип объяснен- все по науке и ручками.
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_no-It (гость)
сообщение 15.10.2004, 18:21
Сообщение #6





Гости






Не скажи - разница есть, принцип работы немного разный, до кучи технических тонкостей. Впрочем, если нужно на юзерском уровне, то больше, чем ты написал, и не нужно знать, я думала, что здесь несколько более другой уровень пользователей.
Вернуться к началу страницы
 
+Цитировать сообщение
Bastet
сообщение 15.10.2004, 19:15
Сообщение #7


Сэнсей-форумнист
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 641
Регистрация: 22.11.2008
Из: Российско-литовская граница
Пользователь №: 5



Не люблю ужимать работы sad.gif
По моему опыту, лучше всего масштабировать не кратно: например, исходный размер 1000х1000 уменьшить до 503х503. Так не происходит "округление" соседних пикселей.
Конечно, Save for Web - это ламерство, но так приятно облегчает жизнь!
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 15.10.2004, 19:18
Сообщение #8


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



честно говоря не разу им не пользовался... lol.gif
все по старинке...

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

Неужели все так по лоховски? sad.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_jamstyle (гость)
сообщение 15.10.2004, 19:29
Сообщение #9





Гости






happy.gif Да не! все чики! так и надо делать..... поправьте меня если ошибаюсь... при сохранении "для веб" просто дико уменьшается число цветов ... что точно ламерство.........
Вобщем мы так и делаем ужимаем размеры и таму подобное sleep.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Bastet
сообщение 15.10.2004, 19:48
Сообщение #10


Сэнсей-форумнист
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 641
Регистрация: 22.11.2008
Из: Российско-литовская граница
Пользователь №: 5



jamstyle, если в *.gif сохранять, то, конечно, уменьшится... А *.jpeg нормально вроде...
Во! Еще: этой опцией очень хорошо сохранять акварель и гуашь. За счет особенностей живописи даже низкое качество сохранения дает хороший результат.
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_jamstyle (гость)
сообщение 15.10.2004, 20:20
Сообщение #11





Гости






Bastet
Спасиб..... надо попробовать.......
сохранить в полохом качестве.ээ....потом наложить поверх хорошего ....ээ..... dry.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_jamstyle (гость)
сообщение 15.10.2004, 20:21
Сообщение #12





Гости






biggrin.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_Tenka (гость)
сообщение 15.10.2004, 20:39
Сообщение #13





Гости






Сохранение для web это не ламерство, а удобный инструмент подбора формата, степени сжатия или количества цветов (в зависимости от формата). Там сразу виден результат, причем очень легко можно сравнить результаты различных методов сжатия изображения.

И мне совершенно не понятно странное высказыванию jamstyle о диком уменьшении количества цветов. Если вы сохраняете картинку в GIF, то можете выбрать количество цветов до 256. При этом фотографии и художественные изображения абсолютно не подходят для такого формата. Для них необходимо испльзовать JGP (как было описано уважаемым SET'ом).

GIF необходимо использовать для изображений с небольшим количеством цветов. Например, для таких, как смайлики на этом форуме rolleyes.gif Он хорошо сжимает ч/б изображения с текстом.
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_jamstyle (гость)
сообщение 15.10.2004, 20:59
Сообщение #14





Гости






happy.gif теперь я просветлен! спасибо! ..... просто я как то давно сохранял что то для веб ... возможно даже не в фотошопе.... и когда мне выдало картинку всего с 16 цветами я жутко обиделся на эту опцию)))) happy.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 15.10.2004, 21:40
Сообщение #15


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Ребята, а вы знаете, что используя Gif вы нарушаете копирайт? huh.gif happy.gif
а ведь это правда... (буржуи с жиру бесяться...)
так что Jpeg - это единственное, что остается для публикации в инете... да и редко кто полноценную картинку в Гифе кладет... Это больше для дизайнеров надо (так как в дизайне используется ограниченное количество цветов, то и палитру гифа можно адаптировать только на эти цвета- в общем это его единственная крутость)
Вернуться к началу страницы
 
+Цитировать сообщение
Bastet
сообщение 15.10.2004, 21:59
Сообщение #16


Сэнсей-форумнист
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 641
Регистрация: 22.11.2008
Из: Российско-литовская граница
Пользователь №: 5



Set, просвети по поводу нарушения копирайтов.... Впервые слышу просто.....

А ГИФ еще используется для оптимизации графики, когда одна большая картинка грузится в виде нескольких частей, каждая из которых сохранялась со своими параметрами. ГИФ - это для веба в основном.

И еще я видела классные эффекты, когда фотография сохранялась в 4-х цветном ГИФе. Красота просто...
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 16.10.2004, 8:31
Сообщение #17


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Ой! Бастет, у тебя новая аватарка... какая прелесть. happy.gif
про гиф это пару лет назад было- тогда какая-то фирма прикупила фирму, придумавшую гиф и решила бабосы со всего интернета погрести... методом лицензирования всего, что в гифе. даже судом грозились... только их все посылали- и че-та не слышно ни про одно судебное разбирательство по поводу незаконного использования гифа. а одному моему знакомому приходило письмо от этой буржуинской фирмы, чтоб он прекратил использование гифоф на своем сайте... вот такая история... но вроде до сих пор гиф лицензирован... dry.gif только неизвестно, кто буржуям деньги башляет...
Вернуться к началу страницы
 
+Цитировать сообщение
Bastet
сообщение 17.10.2004, 19:22
Сообщение #18


Сэнсей-форумнист
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 641
Регистрация: 22.11.2008
Из: Российско-литовская граница
Пользователь №: 5



Set, спасибо hug.gif Решила, как Олд Блинд Дог, свое собственное лицо поставить...

Хех, желаю успехов этой фирме: заставлять кого-то что-то лицензировать или запрещать в сети - дохлое дело biggrin.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 17.10.2004, 21:41
Сообщение #19


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Эх, видимо тоже придется показаться общественности... happy.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Bastet
сообщение 17.10.2004, 22:46
Сообщение #20


Сэнсей-форумнист
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 641
Регистрация: 22.11.2008
Из: Российско-литовская граница
Пользователь №: 5



Цитата (Set @ Oct 17 2004, 09:41 PM)
Эх, видимо тоже придется показаться общественности... happy.gif

А не ввести ли моду на собственные лица?
Честно, очень хотела увидеть, как ты в жизни выглядишь. Имидж от старого аватара не сильно отличается - это радует smile.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 18.10.2004, 8:53
Сообщение #21


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Это было бы совсем неплохо...
ЛЮДИ!!! ДЕЛАЙТЕ НА СВОИХ АВАТАРКАХ СОБСТВЕННЫЕ ЛИЦА!!! biggrin.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_jamstyle (гость)
сообщение 18.10.2004, 22:41
Сообщение #22





Гости






Ну я думаю вы не единственные))) у многих мне кажется на аватарах свои личика....... в том числе и у меня!
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_Āđøńāіі (гость)
сообщение 19.10.2004, 5:19
Сообщение #23





Гости






~Народ, давайте больше не будем оффтопить по аватарам, есть уже одна соответствующая тема...
2Set лучше расскажи каким планшетом пользуешь, где, когда, и за сколько брал. Вот у нас в городе например, нормальных планшетов отродясь небыло, поэтому сам пользуюсь сканером sad.gif
Вернуться к началу страницы
 
+Цитировать сообщение
Set
сообщение 19.10.2004, 7:36
Сообщение #24


штатный каратель
Иконка группы

Группа: Kоманда сайта
Сообщений: 1 463
Регистрация: 18.11.2008
Пользователь №: 6



Wacom Volito A6- средняя цена по москве 50 с копейками долларов.
самый дешевый из вакомов, но лучше продукции от Гениус.
Вернуться к началу страницы
 
+Цитировать сообщение
Гость_TEHEK (гость)
сообщение 19.10.2004, 9:01
Сообщение #25





Гости






Хай-ки всем!:)


Так... спустя сутки пост редактируется smile.gif Ну не успел я дописать и отредактировать на уроке smile.gif


Давно я не был в этой теме!:) ОООчень давно!:)smile.gifsmile.gif Даже столько пропустил...


Постараюсь писать быстро, коротко, понятно и интересно smile.gif

Ну во-первых с оформлением сегодня будет туго... кнопками форматирования списков меня явно обделяет этот форум smile.gif

Так.. поехали:

(тем, кому лень читать, скажу мораль сразу - для фоток JPG лучше smile.gif)

GIF... гыф гыф гыф... Set немного не прав... Да, Гиф лицензирован.. но не совсем гиф... Лицензия требуется только на право использования самого алгоритма сжатия (а там еще используется алгоритм LZW (здесь описание алгоритма для программистов) ) собственно, это одна из причин его лицензированности. То есть, вы не нарушите закона, сжав картинку в ГЫФ. Но если вы написали прогу, которая показывает или сжимает в ГИФ, то тут уж извольте предварительно надыбать лицензию. smile.gif

JPEG (*.jpeg, *.jpg) - сокращение от названия группы разработчиков Joint Photographic Experts Group smile.gif. Право на использование этого алгоритма сжатия, будем так говорить, халявное.smile.gif Поддреживается всем подряд, начиная от простой софтины для просмотра (тот же Интернет Испортил) до цифровых фотиков (и холодильников smile.gif)

Ну и теперь... преимущества JPEGов (здесь оригинал) :

1) информация об оттенке получается 24 бита на пиксель против 8 битов в ГИФе.

Мораль: лучшая передача цветовых оттенков.

2) Меньшие размеры для крупноформатных картинок.

3) Собственно, его доступность и всеобщая совместимость smile.gif

По поводу размеров: Картинки маленького формата, имеющие небольшое количество цветов и небольшие размеры лучше сжимать ГИФом... Ну, а фотки таковыми не являются smile.gif Да и картинки тоже smile.gif

Немного небольшого личного опыта:
При изменении размеров картинки лучше используйте алгоритм Bicubic smile.gif Если есть ACDSee, то можно переразмерить (какой, однако, слов полушылся) Lancros'ом, тоже хорошо переваривает.

В процентном соотношении... по-моему лучше использовать масштабы вроде 50%, 25%, 12.5%. Точно не уверен в том, насколько это влияет на качество. Ну, вроде бы вышеуказанные алгоритмы неплохо справляются при любых обстоятельствах smile.gif

И последнее - насчет рисования smile.gif Многие (а точнее все продвинутые) графические редакторы при использовании Zoom'a (изменения масштаба) используют самые быстрые алгоритмы переразмери... переразмерива... тьфу.. как оно там склоняется... вобщем их... Поэтому если, например вы рисуете в масштабе 25%, а потом приблизились на 93%, то не пугайтесь увиденному безобразию И НЕ ЛЕЗЬТЕ ПЕРЕКРАШИВАТЬ И ЗАДЕЛЫВАТЬ ДЫРЫ smile.gif вот для масштабирования, точно знаю, самые лучшие - 100%, 50%, 25%, 12.5% (если что-то увидите еще), ну и 150%, 200% и т.д.

Все... теперь, можно сказать дописал... отваливаю smile.gif

Всегда ваш, TEHEK:)




Сообщение отредактировал TEHEK - 20.10.2004, 10:17
Вернуться к началу страницы
 
+Цитировать сообщение

2 страниц V   1 2 >
ОтветитьСоздать новую тему

 



RSS Текстовая версия Сейчас: 18.9.2020, 22:36