• Уважаемый посетитель!!!
    Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
    пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.

Создание и оптимизация графики для и на вашей странице

  • Автор темы Автор темы Unknown
  • Дата начала Дата начала

Unknown

Группа удаления
Советы начинающим
  1. Большие рисунки помещайте в формате JPEG, маленькие в GIF.
  2. Оптимизируйте палитру рисунков. Многие пользователи работают с разрешением 256 цветов. Лучше всего, если палитра всех рисунков укладывается в 216 цветов. Это также снижает размер файла.
  3. Если графический файл получается довольно большим по размеру, лучше его просто порезать на куски и выводить как таблицу.
  4. Если графическое изображение содержит текст, ни в коем случае не сохраняйте его как JPG, сохраняйте как GIF.
  5. Контролируйте отсутствие прозрачности у баннеров в GIF формате. Они показываются на узлах с различными фонами.
  6. Каждый из пользователей Интернет уже вполне привычно воспринимает появляющиеся почти на каждой странице картинки-мультфильмы, так называемые динамические, или анимационные (animated) GIFы.
  7. Известно, что оптимальной палитрой для GIF файлов, используемых в ВЕБ является т.н. "non-dither pallete" или "WEB-pallete", состоящая из 216 цветов. Часто она представляется в виде "цветового куба" со сторонами, состоящими из 6-ти градаций состовляющих цветов R, G, B. Эти градации распределяются с шагом в 20%. Наиболее простой способ привести свою картинку к такой палитре в Photoshop -- выполнить команду IMAGE > MAP > POSTERIZE со значением LEVELS=6. Данная операция означает, что вы ограничиваете число градаций (LEVELS) в каждом канале (R, G, B) до 6. Вы увидите (в окне INFO), что RGB составляющие принимают одно из 6 значений: 00, 51, 102, 153, 204, 255 -- это и есть 20-процентный сдвиг в рамках 256 градаций. Единственное условие -- перед преобразованием изображение должно быть переведено в цветовую модель RGB (MODE > RGB COLOR). Кстати, если вам вдруг понадобится получить "урезанные" палитры, применяемые в UNIX (5x5x5 или 4x4x4) -- достаточно соответственно поменять значение LEVELS на 5 или на 4. А поставив LEVELS=3, вы с большой долей вероятности получите вполне сносную картинку для предварительной подгрузки (LOWRES).
  8. В стандартной ситуации цвет фона страницы задается тегом
    <BODY BGCOLOR="#??????">,
    где вместо ?????? подставляется цифровой код цвета в RGB составляющих. Однако, если этот цвет не входит в универсальную 216-цветовую палитру (ВЕБ-палитру), на системах с 256 цветами он будет представлен в виде смеси двух или более цветов (растеризован). С другой стороны, цвета 216-цветовой палитры далеко не всегда точно соответствуют искомому цвету. Выход из этой ситуации существует. Найдите среди цветов ВЕБ-палитры два наиболее близких к искомому. Создайте из них ма-а-а-аленький GIF'чик. Точки выбранных цветов можно расположить в шахматном порядке, или строчками, высотой в 1 пиксел. Используйте этот GIF файл, в качестве фона, тегом
    <BODY BACKGROUND="backgrnd.gif">.
    Практически на любом мониторе ваш фон (особенно, если два состаляющих цвета не представляют собой контрастное сочетание) будет смотреться, как "сплошной" цвет. По сути, вы сделали растеризацию за браузер, но гарантировали ее корректность и точность.
  9. Компрессия в JPEG файлах.При больших значениях компрессии JPEG имеет тенденцию затемнять фоновый белый цвет картинки, что делат проблематичным ее применение на белом фоне.
    [/list=1]
    Вот и все для начала...
 
Не прочитал все, не выдержал, но вот еще дополнение...
Многие делают баннеры, наверно даже каждый 2, так вот, если вы делаете баннер с большим количеством слоев, будет лучше сэкономить на размере и сохранить в формате flash
 
Паренек
Flash сам по себе весит много + нужно ставить софт для того чтобы перевести растровое изображение в векторное очень часто это снижает качество до галимого уровня.

Лучче оптимизировать существующий баннер напр удаляются повторяющиеся одноцвеные пикселы в разных слоях кроме фонового...
Ulead Gif Animator
 
k|ever Сделай баннер примерно с 140 слоями, и сохрани в .gif OR .jpeg расширение, а потом во flash, и посмотри что быстрее на сервере загрузится и будет красивее смотреться
 
k|ever, Паренек, разрешу ваш спор - в неумелых руках ни то и не другое нормально смотреться не будет. Так же, флэшки по частям грузятся - т.е. что-то подгрузил - остальное в процессе (если мы о баннерах), графика же сразу.. Так что спор бессмысленен.
 
:flower: Я создала картинку в Фотошопе (целиком дизайн сайта). Разрезала ее в Фотошопе (что, наверное, неправильно, но где правильно резать я не знаю). После этого у меня получается что одна из трех частей весит примерно 500 Кб. Это, кажется, многовато... Подскажите, каким примерно должен быть размер графических файлов, составляющих дизайн сайта...:flower:
 
:flower:Я поняла причину такого огромного веса моих картинок: когда я создавала новый файл в Фотошопе, то задала ему размеры(ну например 10 на 10 см), когда он открылся - оказалось, что холст гораздо больше тех размеров, что я задала, да к тому же это только 33% масштаба...Как такое может быть и что с этим делать???
И еще я не знаю какого размера нужно делать Фотошоповский новый файл, когда собираешься рисовать дизайн сайта, так, чтобы весь дизайн умещался в браузере и не было пробелов сбоку...
И как сделать вот такую красоту: http://www.mydream.ru/tpl/tpl_files/screenshot/928_big_967_2..jpg
:flower:
 
Кнопочки для сайта

У кого есть кнопочки для сайта? Желательно красного цвета! =)
 
Ты рисуешь дизайн для сайта, или фон для него? Если ты рисуешь фон, то хоть рисунок 1*1 все равно на весь экран будет, а если 1124*768 фон, он никаким образом не будет раздвигать экран на мониторе с меньшим расширением.
Тебе нравится эта красота? Она береться просто и рисуется, можешь поискать в поисковиках данный стиль(шаблон), он там наверняка будет
 
Есть такая программа Crystal button --аффигеннейшие кнопки мона делать!!!...для нее трудно достать кряк но
это дело можно обойти...делакем кнопку - жмем Print screen на клаве...открываем графический редактор и вставляем...
 
:flower: Как растянуть мой дизайн под любой размер окна браузера, у меня получается статичный ???:flower:
 
°•.ШиншиллА.•°
Твой Сайт сильно перегружен графикой. Куда еще кнопки??? Если хочешь делать кнопки то переделывай сайт. И как можно меньше графики. Обьясняю почему: оплата у меня по трафику (думаю не только у меня), лазия Я в инете с утра часа 2. Набежало всего 2 мегабайта трафика, но когда открыл твой сайт моментально набралось еще 2Мб. Это Я прошелся еще не по всем страницам.
 
Напиши у себя на сайте примерно такой код:
Код:
<body bgcolor="#FFFFFF" text="#000000" background="background.gif">
Где background.gif название твоего изображения
 
Чуток про Flash:
1. Исользуйте символы как можно чаще, т.е. не рисуйте одну и ту же вещь 2 раза.
2. Комбинируйте символы! Изменяетй их параметры (цвет, размер, угол наклона, прозрачность) [но не увлекайтесь-))]
3. Используйте эффекты "сглаживание" и "выпрямить" для своих фигур (простые лини проще описать формулой => меньше весит).
 
Не знаю, в ту ли тему я попала...
Я хочу сделать такой анимированный GIF:
Крыса (большая) крутится на на черном кресле. Т.е. вначале просто черный фон, а потом появляется эта крыса. Просто из-за того, что кресло черное, и вначале полностью закрывает крысу, поэтому кажется, что просто черный фон. Не думаю, что вы меня поняли... :)
Последняя попытка. 1) черный фон :) (это, я думаю, уже понятно ( :lol: )
2. Появляется крыса в профиль (по-моему, так это называется)
3. Потом анфас
4. Потом другим профилем
5. А ПОТОМ ОПЯТЬ ЧЕРНЫЙ ФОН, ПОТОМУ ЧТО СПИНКА КРЕСЛА ЗАКРЫЛА КРЫСУ!!!!!!!!! :lol: Короче, если вы меня поняли... :jump:

Если уж совсем никак, я нарисую крысу в Фотошопе, только вот дал бы мне кто-нибудь нормальный мануал на русском... Ну, эти картинки... (1,2,3,4)
Но как соединить всю эту прелесть... на кресле... :lol: с черным фоном :lol: В одном анимированном GIF'е???
Простите... :o
 
Old Rat, насчет твоих анимированных гифов могу вот что сказать - есть такая клевая прога - Gif Animator называется. Там по кадрам вставляешь картинки - первый кадр будет черный фон, потом появляется твоя крыса и т.д....
 
Gif animator 5.0 но лучше качай gif animator 5.5 trial на данный момент новее не видел... ща поищу все найду.. перевод 5.5 на bladezone.ru он же как и кряк пашет (перевод)

[ADDED=Паренек]1092938549[/ADDED]
Слово нужно держать. так вот как я и обещал:
скачать gif animator 5.0 + рус
Программа для оптимизации графики и фото, множество фильтров и настроек, оптими...

CoffeCup Gif Animator v7 весит всего 2 мб примерно, еще не протестировал, не знаю толи для gif animator аддон,а толи для coffe cup он, как скачаю напишу

[ADDED=Паренек]1092941461[/ADDED]
Coffe Cup Gif Animator не качайте, это как gif animator v1
 
а как сделать, например, дизайн для форума? какими прогами лучше пользоваться?
 
А что у тебя за форум?

[ADDED=Паренек]1094314992[/ADDED]
Вот следующие программы, которые использую я (это краткий список)
Adobe Photoshop
Macromedia Fireworks MX
Gif Animator 5.5 Trial
Web Image GURU 5.5
 
Назад
Сверху