retina.js выдает 404 ошибки для каждого изображения @2x.png

Я запускаю на своем сайте файл retina.js, согласно предположению, что в долгосрочной перспективе это принесет мне пользу, поскольку все больше и больше людей используют дисплеи сетчатки. Но, по-видимому, retina.js сканирует корень для всех изображений и присоединяет @2x.png в конце. Но это на самом деле не воспроизводит само изображение. Так что, когда браузер ищет его. Ничего, Нада, Зильч, НЕТ-КАН-ДО.

Честно говоря, я не знаю, действительно ли стоит retina.js или стоит 404-ых годов. Но как инженер UI/UX, OCD пожирает меня живьем. лол.

В любом случае, это известная проблема? Существует ли обходной путь jquery/javascript, который не включает создание копий изображений вручную и загрузку их на сервер? Это было бы очень громоздко.

Я хотел бы показать вам некоторый код, но чем я мог бы поделиться здесь? Ссылка на retina.js в моем <head>?:)

Вот инструменты разработчика, показывающие виновника

Спасибо

Источник

1 ответ

Добавьте это в .htaccess

      This is to short circuit non existent Retina image requests generated by retina.js

without this, the whole wordpress 404 stack will be executed which is very expensive

We simply redirect the request to the non @2x version of the file, if one exists, otherwise, send a 404 status    

        <IfModule rewrite_module>
    RewriteEngine on
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} @2x\.[a-z]+$
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)@2x(.*)$ $1$2 [E=NORETINA:1]
    RewriteCond %{ENV:NORETINA} 1
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule .* - [L,R=404]
 </IfModule>
Источник
Другие вопросы по тегам