Корозия косых линий

Mexalim · 15.12.2009, 19:33

вопрос наверно глупый, но я уже 3 года занимаюсь сайтами, столкнулся с этим в первые
создаю картинку в фотошопе
скрин
на странице появляться волночки на всех косых линиях
скрин
как это решить?

Aldes · 15.12.2009, 19:55

1.создавайте картинку в фотошопе нужного размера сразу
2.учитывайте компрессию дипега, гифа, пнг...
3.можно после сохранения для веб еще раз "почистить" картинку карандашем и резинкой

Mexalim · 15.12.2009, 20:00

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

Diabolos · 15.12.2009, 20:04

Mexalim, пропорции не те в картинке в html или в браузере масштаб картинок увеличен

iDeViL · 15.12.2009, 20:11

похоже очень на компрессию jpeg, а вообще - неправильное сохранение формата. Вы либо растянули, либо использовали неправильно (например, gif с слабой прозрачностью). Дайте сами исходники, иначе вряд ли получите ответ

kost · 16.12.2009, 01:56

Цитата:

Сообщение от iDeViL

например, gif с слабой прозрачностью

Поясните, что вы пытались этим сказать.

iDeViL · 16.12.2009, 09:32

как известно, gif обладает двумя степенями прозрачности: прозрачный и непрозрачный. Полупрозрачного нет. И по этому приходится подгонять контуры под цвет страницы. Т.е. - если рассчитано на белый фон, то в самом фотошопе ставится белый фон, затем он делается прозрачным, а контуры обладают переходными к белому оттенками. И вроде как прозрачный, и вроде хорошо смотрится на всех светлых фонах. Однако, если неправильно подобрать палитру - может появиться похожий баг.
Но в данном случае больше похоже на сохранение в jpeg с большой степенью сжатия.
Ну или сохранили в разрешении 100х100 (к примеру) и растянули (не в фотошопе, а на странице) до 120х120. Может даже так: был 98х98 стал 100х100 - тот же эффект. Проверьте это. Забавно, что верхняя линия стрелки испортилась, а нижняя - нет.

Nielson · 16.12.2009, 15:40

Размер в хтмл стоит не соответствующий оригиналу.

15.12.2009, 19:33	#1
Mexalim	вопрос наверно глупый, но я уже 3 года занимаюсь сайтами, столкнулся с этим в первые создаю картинку в фотошопе скрин на странице появляться волночки на всех косых линиях скрин как это решить?

15.12.2009, 19:55	#2
Aldes	1.создавайте картинку в фотошопе нужного размера сразу 2.учитывайте компрессию дипега, гифа, пнг... 3.можно после сохранения для веб еще раз "почистить" картинку карандашем и резинкой

15.12.2009, 20:00	#3
Mexalim	в фотошопе всё нормально, корозия появляеться после подгрузки на страничку...

15.12.2009, 20:04	#4
Diabolos	Mexalim, пропорции не те в картинке в html или в браузере масштаб картинок увеличен

15.12.2009, 20:11	#5
iDeViL	похоже очень на компрессию jpeg, а вообще - неправильное сохранение формата. Вы либо растянули, либо использовали неправильно (например, gif с слабой прозрачностью). Дайте сами исходники, иначе вряд ли получите ответ

16.12.2009, 09:32	#7
iDeViL	как известно, gif обладает двумя степенями прозрачности: прозрачный и непрозрачный. Полупрозрачного нет. И по этому приходится подгонять контуры под цвет страницы. Т.е. - если рассчитано на белый фон, то в самом фотошопе ставится белый фон, затем он делается прозрачным, а контуры обладают переходными к белому оттенками. И вроде как прозрачный, и вроде хорошо смотрится на всех светлых фонах. Однако, если неправильно подобрать палитру - может появиться похожий баг. Но в данном случае больше похоже на сохранение в jpeg с большой степенью сжатия. Ну или сохранили в разрешении 100х100 (к примеру) и растянули (не в фотошопе, а на странице) до 120х120. Может даже так: был 98х98 стал 100х100 - тот же эффект. Проверьте это. Забавно, что верхняя линия стрелки испортилась, а нижняя - нет.

16.12.2009, 15:40	#8
Nielson	Размер в хтмл стоит не соответствующий оригиналу.