Описание тега amp-img

Замена тега HTML img, управляемая во время выполнения.<amp-img>направлена ​​на замену <img/>тега HTML, чтобы сократить время загрузки на мобильных устройствах. Это часть проекта AMP. <amp-img> должен использоваться всеми сайтами, реализующими проект AMP. </amp-img></amp-img>
3 ответа

Используйте первый усилитель на странице для публикации в Facebook.

У меня есть блог-сайт, который я недавно перешел на amp-html. У меня проблемы с использованием amp-img тег. Во-первых, блогер не признает Первый amp-img как первое изображение поста и не может сделать из него миниатюру по умолчанию. Также при публик…
14 мар '17 в 06:23
0 ответов

Как правильно использовать webp в amp

Мне интересно, как правильно использовать webp в amp. Существует образец формы amp doc &lt;amp-img alt="Mountains" width="550" height="368" layout="responsive" src="images/mountains.webp"&gt; &lt;amp-img alt="Mountains" fallback width="550" height="…
29 окт '18 в 15:24
0 ответов

Изображение HTML исчезает в сообщениях блога (и версиях усилителя) в Wordpress

Некоторое время назад с помощью этого сообщества я смог настроить свои изображения для отображения / скрытия для настольных компьютеров и мобильных устройств в своих сообщениях в блоге, используя классы div и &lt;picture&gt; теги, а также выяснить, …
12 дек '18 в 03:43
0 ответов

Можно ли использовать amp-img с srcset и fallback?

Я создаю простой статический веб-сайт и хочу оптимизировать изображения, в конечном итоге генерируя для каждого набора изображений jpgs / pngs и webps разных размеров. В мире без AMP я бы использовал &lt;picture&gt; тег и &lt;source&gt; внутренние с…
06 июл '18 в 15:56
1 ответ

Есть ли способ использовать атрибут onerror() в <amp-img>

Есть ли способ использовать атрибут onerror в &lt;amp-img&gt;? Это работало хорошо в HTML. &lt;img src="../images/some-logo1.jpg" onerror="this.src='../images/no-img.jpg';" class="posting-logo-img"&gt; Но amp html создаст тег img внутри amp-img &lt;…
10 авг '17 в 07:28
1 ответ

Конвертировать <img> в <img-amp>

Я работаю над nodejs & mongodb. Когда я размещаю этот код; &lt;%- postContent %&gt;, это делает в следующем формате: &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. S…
0 ответов

AMP некоторые изображения не отображаются

У меня есть список изображений, которые появляются в цикле на основе переключателя, вот код: if (get_field('sentiment_result') != "") { switch($a) { case 'up': $label = __('Bullisch'); $img = 'bullish'; break; case 'down': $label = __('B&amp;auml;ri…
28 мар '18 в 15:07
0 ответов

amp-img с портретными изображениями

Почему-то все мои портретные изображения сдавлены. &lt;amp-img src="image.jpg" layout="responsive" width="1180" height="842"&gt;&lt;/amp-img&gt; Я использую тот же код для горизонтальных изображений, и они работают нормально. Обновление: я нашел сво…
30 янв '18 в 16:09
1 ответ

Как лениво загружать amp-img?

Каков подход к отложенной загрузке изображений для страниц, которые соответствуют проекту Google Accelerated Mobile Pages (AMP)? Насколько я понимаю, отложенная загрузка означает, что изображение загружается клиенту через некоторое время после ренде…
03 май '18 в 19:47
1 ответ

Стилизация отзывчивого макета в amp-img

Поскольку я внедрил Google AMP, я борюсь с этой проблемой. Каждый раз, когда я добавляю изображение с width гораздо меньше, чем мой сайт width, amp-img автоматически добавлять поля для сохранения соотношения сторон, например так: Я пробовал другие м…
03 мар '17 в 18:57
0 ответов

amp-img в amp-user-уведомлении не будет отображаться при загрузке страницы

Я пытаюсь добавить значок в компонент уведомления пользователя-усилителя. Однако при загрузке страницы amp-img не отображается. Если я прокручиваю страницу вниз и обновляю, изображение загружается. Это также происходит, если я прокручиваю вниз, а за…
18 янв '19 в 09:15
1 ответ

SVG-файл со ссылкой на другую страницу в проекте AMP

У меня есть файл SVG, содержащий несколько ссылок, которые переходят на другую страницу. Например: &lt;a xlink:href="us/ak"&gt;...&lt;/a&gt; SVG - это карта США, и я был бы рад предоставить ее, но она слишком велика, чтобы включать ее здесь. Когда я…
06 фев '19 в 16:30
1 ответ

Почему родительский элемент тега источника должен быть amp-video?

В amp docs https://www.ampproject.org/docs/reference/validation_errors говорится, что для источника требуется тег мультимедиа (amp-audio, amp-video, так далее.). У меня есть тег изображения с несколькими элементами источника, но когда я пытаюсь прео…
22 янв '18 в 09:05
1 ответ

Элементы AMP, охватывающие другие элементы с абсолютным позиционированием

У меня есть базовая страница AMP с iframe amp и несколькими изображениями amp https://www.freshcottages.com/region/cambridgeshire.htm Когда вы щелкнете по пункту главного меню, скажем "Англия", меню появится за рамкой AMP и изображениями AMP. Есть л…
20 апр '17 в 11:50
0 ответов

amp-img не отображается в карусели

Я использовал карусель AMP, чтобы показать список тезисов статей. Почему-то только тезисы, которые были видны при загрузке страницы, имеют картинки. (Если я поворачиваю экран больше, но загружаются не все изображения.) Что я делаю неправильно? Не ст…
10 фев '19 в 20:01
2 ответа

AMP изображения в читателях

У меня есть веб-сайт со страницами AMP, которые позволяют редакторам добавлять изображения на страницу. Изображения отображаются с использованием элемента amp-img и отображаются в любом обычном браузере. Когда пользователь просматривает или просматр…
14 июн '18 в 23:33
0 ответов

amp-img работает с неизвестными размерами изображения

У нас есть сценарий, в котором мы используем amp-img, но мы не знаем различных размеров изображений, которые могут появиться. Мы не контролируем, кто загружает эти изображения, поэтому мы не можем изменить раскрытие этого из источника. Размеры могут…
09 май '18 в 16:21
2 ответа

Поместите текст внутри amp-img с layout="отзывчивым"

У меня есть amp-img с layout="responseive", и мне нужно поместить какой-то текст внутри него или поверх него, если вы предпочитаете так говорить. Параметр amp-img будет заполнять ширину экрана, а высота будет определяться параметром amp-img, чтобы б…
1 ответ

AMP не позволяет загружать изображения

Я пытаюсь использовать AMP в моем приложении. Я мог бы получить мои изображения с: &lt;img src="{{url('storage/images')}}/{{$post-&gt;image}}" alt="{{$post-&gt;title}}" class="img-fluid"&gt; но так как я добавил AMP, они больше не будут загружаться:…
28 апр '18 в 09:00
0 ответов

amp-img некорректно загружается

У меня есть набор тегов amp-img, которых нет в окне просмотра при загрузке страницы. Вероятно, по крайней мере от 1 до 1,5 просмотровых окон пока они все еще загружаются при загрузке страницы, когда я проверяю вкладку сети. Они должны быть загружены…
20 фев '19 в 05:03