Ну всё, теперь c deviantarta напрямую не загрузить
Они перешли на формат WebP
Пример:
Вот что выдало
Ну и "Unknown image format" здесь разумеется
Что бы загрузить этот арт пришлось воспользоваться своеобразным решением отсюда
Результаты поиска по запросу "safari png"
Понимаю что ответ будет аля "делай" но можно ли что то сделать чтоб картинки в формате Webp,можно было постить через скопировать ссылку?
А то получается очень странно картинка вставляется через редактор и ее видно в посте а как нажимаешь написать-пишет анноун имидж формат.
И получается картинка как бы есть ее редактор видит-но запостит не может.
-4749136.jpeg "Internet Explorer,браузеры,opera (browser),edge,Microsoft Edge")
Рисунок, который изменяется, в зависимости от того, через какой браузер вы его открыли (в хроме, например, это голова быка, а в эксплорере и опере - пингвин) Секрет в комментах.
13 символов, убийственных для вкладки Chrome под OS X
Среди браузеров, взломанных на последнем хакерском конкурсе Pwn2Own 2015, был и Chrome. Как сообщает баг-репорт, если веб-страница содержит символы
ܝܘܚܢܢ ܒܝܬ ܐܦܪܝܡ
то открытие такой страницы в браузере Chrome под Mac приведёт к сбою и закрытию вкладки. Символы принадлежат к ассирийскому алфавиту. Компания Google уже в курсе и работает над исправлением уязвимости. Эта ситуация напоминает знаменитый «глюк» в OS X, где любое приложение завершалось со сбоем в случае, если написать там восемь простых символов. Тогда новость о баге привела к массовому троллингу пользователей на «маках». Возможно, нечто подобное произойдёт и на этот раз, если пользователи начнут массово публиковать эти символы в лентах социальных сетей и твиттере.
PS: Есть тут хромоги-яблочники? Все нормально загружается?
Принцип цикады и почему он важен для веб-дизайнеров
Однако, в зависимости от вида, каждые 7, 11, 13 или 17 лет периодические цикады одновременно массово вылезают на свет и превращаются в шумных летающих тварей, спариваются и вскоре умирают.
Хотя наши странные цикады весело уходят в иной мир, возникает очевидный вопрос: это просто случайность, или числа 7, 11, 13 и 17 какие-то особенные?
Оказывается, у этих чисел есть кое-что общее. Все они простые числа, которые делятся только на себя и на единицу (это
Оказывается, у этих чисел есть кое-что общее. Все они простые числа, которые делятся только на себя и на единицу (это
, 2, 3, 5, 7, 11, 13, 17, 19, 23 и так далее).
Почему это так важно?
Исследования показали, что численность животных, которые питаются цикадами — обычно птицы, пауки, осы, рыбы и змеи — часто демонстрируют более короткий цикл 2–6 лет между пиком и спадом популяции. Таким образом, если бы наши цикады появлялись, например, каждые 12 лет, то каждый хищник с жизненным циклом 2, 3, 4 или 6 лет мог бы синхронизировать циклы подъёма своей численности с регулярным появлением цикад. На самом деле, они наверное объявили бы всеобщий праздник обжорства под названием День Цикады.
Это не очень весело, если вы — цикада.
С другой стороны, если выводок цикад был настолько неудачлив, чтобы появиться во время трёхлетнего пика численности ос, то следующий раз это случится только через 51 год. В промежуточные поколения цикады могут спокойно восстановить своё население и намного превысить число хищников.
Находчивые малые, правда?
Пару недель назад мы рассматривали, как делать бесшовную заливку (тайлинг). Это суперполезная вещь, но бывает трудно соблюсти правильный баланс.
С одной стороны, вы хотите использовать файлы как можно меньшего размера, чтобы получить максимальную пользу от эффекта тайлинга. Однако, как только вы заметите какую-то особую черту в фоне — например, маленький сучок на фоне древесного волокна — который повторяется через одинаковые интервалы, то сразу теряется вся иллюзия натуральной случайности.
Может быть, можно позаимствовать какие-то идеи у цикад, чтобы сломать этот паттерн?
Пример 1Хватит болтовни. Вот маленькая проверка концепции. Тест не должен выглядеть идеально красиво, но он хорошо демонстрирует суть. Помня о «принципе цикады», я сделал три квадратных полупрозрачных PNG размером 29, 37 и 53 пикселя, соответственно, и установил их как фоновые изображения в элементе HTML на тестовой странице.
html {background-image: url(29-a.png),url(37-a.png), url(53-a.png);padding:0;margin:0;height: 100%;}
Результат
Насколько именно долго? 29 × 37 × 53… или 56 869 пикселей!
Это для меня была какая-то революция. Я проверил свои вычисления трижды, но математика полностью надёжная. Помните, ведь это крошечные графические файлы, менее 7 килобайт вместе, при этом генерируют текстуру почти 57 000 пикселей в ширину.
Вы можете представить, что произойдёт, если добавить ещё четвёртый квадратик, например, 43 пикселя? Или не можете представить, потому что числа становятся слегка зверскими и могут загипнотизировать, если смотреть на них слишком долго. Достаточно сказать, что вы получите цифру, более подходящую для терраформирования планет, чем для веб-дизайна.
Ok. Теоретически, геометрические фигуры хорошо работают, но как ещё можно использовать эту идею?
Пример 2
Для этого примера я буду называть этот промежуток «блоком сборки (ruffle unit), и в отличие от первого примера, он будет более важным, чем строгие размеры в пикселях тех изображений, с которыми мы работали.
Во-первых, я собираюсь выбрать один из таких блоков и превратить его в элемент для бесшовного фона. Это JPEG размером всего 8kb.
Волшебное число нашего третьего слоя — семь.
Очевидно, это изображение будет больше и в пикселях и по размеру файла, но оно всё ещё имеет размер около 32kb — не слишком жестоко по любым меркам.
Если посмотреть на этот фон с численной стороны и представить каждый каждый блок в виде числа, то получится следующее: 1, 2, 3, 1, 2, 6, 1, 2, 1, 3, 2, 1, 6, 2, 1, 1, 3, 1, 1, 6, 1, 1, 2, 3…
Паттерн там есть, но его очень сложно распознать.
В этом примере практически бесконечный фон в виде театральной завесы стоил нам всего лишь 53kb. И конечно, можно без труда добавить четвёртый слой — возможно, размером в 11 блоков — если нужно. Однако, я не думаю, что здесь это требуется.
Также имейте в виду: в этом примере используются самые минимальные простые числа — 1, 3 и 7. Если бы мы взяли, скажем, 11, 13 и 17, то могли бы сделать гораздо более сложную вариацию на заданном размере. В реальности всё сводится к масштабу текстуры относительно ширины экрана.
Пример 3Мой последний пример не столько практического плана, сколько ради развлечения с простыми числами. Я не собираюсь снова разбирать теорию, потому что базовая концепция такая же, как и в предыдущих двух примерах, но я буду рад, если вы попробуете отредактировать его в FireBug.
2 200 лет назад китайский император Цинь Шихуанди создал терракотовую армию численностью 8000 человек для охраны своей могилы. Полноразмерная статуя каждого воина, лошади и оружия представляет собой уникальное изделие ручной работы.
Используя простой CSS, простые числа и набор изображений, мы собираемся собрать нашу собственную могучую армию. Может ей и не хватает роста, но зато она берёт своей многочисленностью.
Я покажу вам… Мой Могучий легион Лего!
Легион составлен всего из восьми изображений, которые соединяются вместе для создания тысяч комбинаций. В нём используются:
2 картинки для бэкграунда2 изображения ног2 изображения торса2 изображения головыРезюме
Экспериментируя с этой идеей, я обнаружил несколько принципов, которые вроде работают. Во-первых, порядок наложения текстур лучше, если организован в виде перевёрнутой пирамиды
С другой стороны, самый верхний слой обязательно должен быть самого большого размера, но при этом наименее насыщенным, поскольку этот слой никогда не будет перекрываться другими. Также, вероятно, лучше не включать хорошо различимые, привлекающие взгляд детали на самом верхнем слое. Оставьте его скудным и обобщённым.
В любом случае, почти всегда нужно использовать метод проб и ошибок.
Поддержка браузеровЯ оставил разметку простой, используя множественные бэкграунды в элементе HTML. Такой вариант поддерживается всеми современными браузерами (Firefox 4, Chrome 10, IE9, Opera 11, Safari 5), но, очевидно, не всеми старыми версиями.
Однако если ставить условием обратную совместимость, то подходящим вариантом может быть тайлинг в html, body и контейнер div. Возможно, контейнер может быть не семантическим, но эта маленькая поблажка потенциально может сильно отразиться на всём сайте. Решать вам.
Эти три примера первыми пришли мне в голову, но я уверен, что есть много более грамотных способов использовать идею. Например:
Бесконечный городской пейзажНеповторяющаяся текстура дереваЗвёздное небоПлотные джунглиОблачное небоМожет, есть ещё какие-то идеи?
Здесь мы собираем самые интересные картинки, арты, комиксы, мемасики по теме safari png (+1000 постов - safari png)
Наши любимые теги
Топ комментов
А бывает, комменты лучше постов. Смотрим топ тредов и вникаем!