admin / 23.08.2018

Оптимизация PNG и JPEG без потери качества. Часть 2 / Хабр

Долго ничего не писал. Простите меня.

И так как интересной темы у меня сегодня нет, решил обратиться к Google Analitics и проверить «хвост» поисковых запросов, по которым ко мне попадали. Там собраны самые интересные вопросы — попытаюсь дать на них ответы.

Что-то смешно, что-то горькая правда жизни, что-то действительно будет полезно.

Содержание

1. як зробити самому колонки (как сделать самому колонки)

В HTML — при помощи таблиц. Каждая таблица состоит из рядов, которые состоят из ячеек. Фактически, множество 1-х (2-х, 3-х, 10-х) ячеек в каждой строке и является колонкой. Какие теги нужны, чтобы это сделать, смотрите у Влада Мержевича.

2. я дизайнер

Я за Вас рад. А теперь сядьте и подумайте, зачем Вам это нужно.

3. что такое кликабельный

Кликабельный — это тот, по которому можно кликнуть, то есть нажать курсором мыши.

4. что такое .png

Графический формат. Подробнее о нём можно почитать в специальной статье.

5. что лучше png или gif

Смотря для чего. GIF анимированный и поддерживает 2-битный альфа-канал (прозрачность, бывает у него 2 видов — есть или нет), адекватно поддерживается всеми браузерами. PNG поддерживает полупрозрачность, но криво отображается старыми браузерами.

Если не интересуют эти возможности, то обычные изображения, маленькие — лучше хранить в GIF, большие в PNG.

6. что значит если на rewriterule выдается ошибка 500

Значит, происходит ошибка на сервере. Скорее всего, правила в .htaccess заданы так, что сервер не может завершить работу и зацикливается при обработке адреса. То есть какое-то правило изменяет адрес так, что он снова подпадает под это же правило.

7. чпу не передаются переменные get

А вы их передаёте? Чтобы скрипт получил переменную, она должна посылаться ему из .htaccess в новом адресе. Сам по себе .htaccess её не придумает, значит должен получить значение переменной из «красивого» адреса и передать его в «некрасивый».

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

8. чем открываeтся формат png (конвертируется)

Любым нормальным графическим редактором или просмотрщиком. Если при просмотре вы видите чёрный угловатый фон, значит просмотрщик не поддерживает прозрачность формата — откройте браузером или Фотошопом.

9. фотошоп прозрачность файла png

Делается просто — отключением слоя с фоном. Видите серо-белые квадратики? Там будет прозрачность — сохраняйте.

10. формат png потеря качество

При сохранении в PNG потери качества не происходит. Для сжатия файла применяются обычные алгоритмы архивации. Такие же как ZIP и RAR, но специально заточенные для изображений.

11. формат png лучше jpg

Если вы о размере файла, то не факт 🙂 Если на картинке много простых градиентов и однотонных областей, то да. Если у вас фотография или много мелких деталей — скорее всего, лучше сжимать будет JPEG.

12. у дизайнеров бывает что им не нравится собственный дизайн

Бывает. Это значит, что вы могли бы сделать лучше. Но главное, чтобы нравилось заказчику. А лучше обоим.

13. три колонки одинаковые по высоте блочная вёрстка

Смотрите тут.

14. чертежи табуретки

У меня их НЕТ! Сколько повторять? 🙂

15. сохранение в png черезстрочно что значит

При просмотре изображения в Интернете файл загружается и отображается строками. Обычно вы видите как вся картинка полностью загружается сверху-вниз.

При черезстрочном сохранении картинка загружается: каждая 4-я строчка (и растягивается), каждая 2-я и т.д. А пользователю кажется, что он видит картинку сразу, но в плохом качестве, которое улучшается по мере загрузки.

Это нужно, чтобы пользователь сразу видел, что на картинке, а не ждал 5 минут, пока она загрузится целиком.

16. сменить дизайн на блоге

Скачать бесплатный шаблон и установить. А лучше написать мне, заказать эксклюзивный дизайн и получить единственный и неповторимый блог 🙂

17. сжимаем png

Есть много утилит, но я использую PNG Monster, который занимает всего 600 килобайт, не требует установки и применяет несколько видов сжатия, пытаясь скомбинировать их наилучшим образом.

18. с днем рождения нового светлого дня

…Снова новые радости,
Всё от того.
Я — заведующий всем
И всё из-за меня.
Я — заведующий всем
И всё на одного…

© АукцЫон

19.

портфолио дизайнера

Находится Здесь.

20. можно ли растянуть пиксель до большой картинки

Можно. И получите большую картинку, залитую цветом одного этого пикселя (Чёрный квадрат?). Попробуйте, это прикольно.

21. можно ли в 2009 году вешать на ёлку бардовые игрушки и зелёные

Можно.

22. много картинок png в jpg

Можно конвертировать любым нормальным графическим просмотрщиком. Это называется «пакетная обработка» или «batch conversion». Я использую для этого Irfan View и там такой инструмент находится прямо в меню File.

23. методика резиновой верстки

Заключается в том, что ширина элементов страницы задаётся не в пикселях, а в процентах от родительского элемента (окна, внешнего блока).

24. колонки одинаковой ширины

Делаются просто: в свойстве width им задаётся одинаковая ширина 🙂

25. колонки одинаковой высоты

Делаются сложно: но так же, как и 3 колонки одинаковой высоты.

26. какой блог лучше для дизайнера

Чтобы писать — свой. Чтобы читать — мой :).

27. как установить adobe fireworks

Скачать файл установки, запустить и жать все время «Next» (Дальше), пока он не скажет, что закончил 🙂

28.

как сделать коллажи

Ловкость рук и никакого мошенничества: берутся картинки, нарезаются на кусочки и склеиваются по-новой, как вашей душе угодно.

29. как сделать логотип кликабельный

Вот так.

30. как сделать коллаж по теме сайта

Выяснить тему сайта, подобрать изображения, хоть как-то связанные с темой (но, если тема «компьютер», не значит, что нужно найти только фотографии компьютеров), а дальше смотри пункт 28.

31. из png в gif без потери качества

Если в PNG была полноценная прозрачность или больше 256 цветов, то качество точно будет потеряно. Иначе — без проблем.

32. задать фон колонкам

С помощью свойства CSS background.

33. блог Сергей М.

Находится здесь.

34. htaccess передать несколько get

Запихать все get-переменные в секции «красивого» адреса, а потом распарсить скриптом или с помощью .htaccess.

35. htaccess направить все запросы на один скрипт

Можно так:

Antananarivo Фото со стоков и изображения

.

.

FILED UNDER : IT

Submit a Comment

Must be required * marked fields.

:*
:*