Почему не отображаются PNG файлы на сайте

не отображаются PNG файлы на сайте

Когда я только начинал заниматься версткой сайтов, я столкнулся с одной маленькой неприятностью, касающейся картинок в png формате. Проблема заключалась в том, что они ни как не хотели отображаться на сайте, который находился на хостинге. Если сайт располагался на моем компьютере, то проблем не было.

Я стал искать причину такого поведения png формата.

Первая моя версия заключалась в не правильной резке PSD макета. Однако, здесь все было в порядке. Если же вы, как и я сохраняете вырезанную картинку в фотошопе из макета через File->Save for WEB и далее выбираете формат png-24, то вы молодцы.)

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

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

Следующая ступень логических размышлений привела меня к очень интересной мысли. Раз сайт и админка не могут отобразить нужный мне png формат, значит я как-то не правильно заливаю эти картинки на хостинг. Заливка происходила через ftp-клиент FileZilla. Немного покопавшись в интернете, я нашел отрывок статьи , в которой говорилось о режимах передачи данных через ftp-клиенты.

Итак, если говорить простым языком, то суть заключается в том, что у ftp-клиента FileZilla существует два основных режима передачи данных: Стандартный и Двоичный. Если же вы передаете данные в стандартном режиме, то у вас ничего не получится, то есть картинки в png формате отображаться не будут. Соответственно нужно выбрать двоичный формат и в нем заливать нужные файлы на хостинг.

Выбрать двоичный формат не сложно. Для этого необходимо в программе FileZilla в верхнем меню выбрать пункт “Передача”, далее выбрать подпункт “Режим передачи” и выбрать двоичный режим.

Вот так достаточно просто можно было решить данную проблему. После этого можно спокойно заливать png картинки и не бояться того, что они не будут отображаться.

Понравилась статья? Поделиться с друзьями:
Добавить комментарий