Можно ли переименовывать иконку из формата bmp в формат ico?
10.06.09 Веб-дизайн
В комментариях к своим статьям Как сделать иконку favicon.ico для своего сайта и Как сохранить иконку сайта favicon в Photoshop я столкнулся с распространенным заблуждением, что иконки для сайтов favicon необязательно сохранять в формате ICO. Достаточно сохранить иконку 16×16 в формате BMP, а затем просто изменить расширение изображения с BMP на ICO. И нет мол никакой разницы.
О том, что форматы ICO и BMP совершенно разные и отличаются не только расширением, я уже писал. Никто не запрещает погулить или почитать Википедию, чтобы в этом убедиться. Но бог с ней, с теорией. Давайте проверим на практике можно ли менять расширение картинки с BMP на ICO.
Прежде всего я решил сделать новую иконку favicon.ico и сохранить ее в форматах BMP и ICO с помощью Photoshop. Я качестве изображения для иконки сайта я использовал черно-белый рисунок мультяшного персонажа Doodlez:
После этого я скопировал вариант иконки, сохраненной в формате BMP и сменил его расширение с BMP на ICO. В именах файлов указан реальный формат изображения. Получилось вот так:
Метки: bmp, Explorer, favicon, ico, icon, Mozilla, браузер, иконка
Заблуждения о бесплатном дизайне на шаблоне
29.05.09 Веб-дизайн, Дизайн для умных
По понятным причинам дизайнеры стараются убедить как можно больше народу, что им позарез необходим уникальный дизайн. Желательно, дизайн подороже. Обязательно заказанный у этого же убеждающего дизайнера. Редкий сайт редкой веб-студии обходится без статьи, на все лады расхваливающий оригинальный дизайн ее авторства. При этом потенциального клиента стараются напугать и убедить, что бесплатные шаблоны – это отстой, источник вирусов и вообще это не круто и стыдно.
Я – дизайнер неправильный. Навязывать клиенту ненужную ему услугу считаю неправильным, если только он на этом не настаивает с очень умным видом. Так что если вам все еще стыдно экономить на дизайне сайта, если вы напуганы веб-разработчиками на других блогах, эта статья для вас.
Уточню, что не для всех сайтов шаблонный бесплатный дизайн подойдет. Если вы – гламурная девочка, зашли на этот сайт по вайфаю с модного бутика или топ-менеджер успешной корпорации, тогда вам, естественно, к Лебедеву. Остальным же советую почитать, подумать и выбрать. К счастью возможность выбора никто не отрицает.
Начнем анализировать популярные мифы о бесплатном шаблонном дизайне. Если что забыл, предлагаю дополнять в комментах, обсудим. 
Метки: html, internet, web, web дизайн, бизнес, веб, веб дизайн, деньги, дизайн блога, инструкция, кризис, разработка сайта, раскрутка, сделать, сделать сайт, советы заказчику
С чего начать изучение веб-дизайна
28.02.09 Веб-дизайн
Пролог
Хотел бы рассказать небольшую историю, которая подойдет как эпиграф к этой статье. Года два назад я искал DVD диск на раскладках. Нужен был сборник дизайнерских программ, в котором, помимо Adobe Photoshop, Adobe Flash, Adobe Dreamweaver и Adobe Illustrator, были бы и CorelDraw, и несколько программ для создания иконок и скриншотов… Лень было искать и скачивать все по отдельности из интернета, а затем записывать на диск.
Объяснив продавцу, что мне нужен диск для веб-дизайнера, я получил несколько сборников DVD. Списки программ в описании дисков повторяли друг друга, наклейки только были разные. Составляли сборники далекие от веб-дизайна люди, потому ничего подходящего не было. Отдав продавцу диски и сказав «спасибо», я собирался уходить, но парень меня остановил. Вероятно, он подумал, что я просто компостирую ему мозги и решил вывести меня на чистую воду. Он спросил, что именно меня не устраивает во всех его дисках. На что я ему терпеливо объяснил, что на каждом диске есть только часть нужных мне программ, а «на этом нет даже Фотошопа».
И тут парень засиял. С чувством собственного достоинства и с высоты своего дизайнерского опыта, он мне объяснил, что профессионалы сайты делают в Дримвивере. А остальные программы нужны для понторезов вроде меня. Он был так счастлив от переполнявших его знаний, что мне даже жаль было его прерывать и сообщать, что HTML-верстка сайта в Dreamweaver’е – это всего лишь один из этапов разработки сайта, далеко не первый и не последний.
Меня еще пару дней мучили угрызения совести, что я парню настроение испортил. Впрочем, может это подтолкнет его заняться самообразованием, а не продажей дисков на раскладке. По крайней мере, я свой вклад в его карьеру сделал, дальше уже ему решать.
Но вернемся к теме статьи. Итак, с чего начать изучение дизайна для веб, какие программы должен знать веб-дизайнер, что лучше учить углублено, стоит ли идти на курсы. Обо всем по порядку.
Метки: flash, html, Photoshop, Silverlight, web дизайн, дизайн, урок, флэш
Растровые графические форматы для веб
31.01.09 Веб-дизайн, Секреты верстки сайтов
Графического формата, который был бы наилучшим для хранения и передачи по сети графической информации, не существует. Каждый формат является компромиссом между качеством картинки и скоростью ее загрузки. Понимание того, какой тип изображений в каком формате сохранять, поможет сделать графику на сайте более качественной и в тоже время сделает ваш сайт максимально легким. Это одна из основных характеристик качественного профессионального веб-дизайна.
1. JPEG: фотографии и красочные рисунки
JPEG – очень популярный формат представления графики в интернет. Фотографии, картины, рисунки высокого качества с большим количеством цветов – все это сохраняется с расширением .jpg. Формат способен отображать 16,7 миллионов оттенков. Прозрачность и анимация не поддерживаются.
Качество изображения зависит от степени сжатия файла: чем больше ужат файл, тем хуже картинка, но зато меньше размер самого файла. Потому хранение фотографий в JPEG – это компромисс между качеством изображения и его размером. На сильно ужатом файле этого формата появляются размытые области, теряется контрастность. Качество картинки теряется с каждым новым сохранением файла в JPEG, потому хранить промежуточные результаты работы нужно в формате, который не влияет на качество изображения. Например, в PSD.
Изображения в формате JPEG, как и все остальные форматы для интернета, бесполезно архивировать – их размер не уменьшится, поскольку они уже являются архивом.
Метки: gif, ico, jpeg, Photoshop, png, растровый, точечный, Фотошоп
Векторная и растровая графика для web
24.01.09 Веб-дизайн
Для веб-дизайнера важно знать, что графика в интернете бывает двух типов: растровая и векторная. Она создается с помощью разных программ, иногда даже с помощью скриптов, но по своей сути изображение состоит либо из цветных точек, либо является совокупностью кривых линий.
Нет идеального графического формата. В то же время важно научиться использовать преимущества того или иного формата для конкретной задачи, минимизируя влияние его недостатков.
Растровые (точечные) изображения
К растровой графике, которой гораздо больше, чем векторной, относятся все картинки форматов JPEG, GIF, PNG, ICO, BMP. Это привычные нам фотографии, иконки и рисунки, которые состоят из точек (пикселей, растров).
Преимуществом растровой графики является то, что с ее помощью можно создать любой по сложности рисунок. При этом применять огромное количество фильтров и плагинов. Основным недостатком – растровую графику нельзя растягивать без потери качества. Большие рисунки нужно изначально рисовать большими, а фотографии делать с большим разрешением.
При увеличении размера файлов растровой графики теряется четкость изображения, становятся заметными отдельные пиксели, из которых состоит картинка. Самым популярным пакетом для обработки растровой графики является, конечно же, Adobe Photoshop (PSD).
Растровый формат GIF, позволяет создавать анимацию. Правда, она проще и дольше загружается, чем flash, зато сделать gif-анимацию, как правило, намного легче.
Метки: flash, gif, ico, jpeg, Photoshop, png, векторный, кривые, растровый, Фотошоп
