To the top using images

Попасть в топ или даже в топ один с помощью картинки. Это более чем возможно с помощью такой техники как тег пикчер. Немного смекалки и творческий порыв вдохновения благодаря литровой кружки чифиря! Изящных ловких пальцев тыкающих клавиатуру десятипальцевым методом набора слепой печати! Вот он настоящий успех!

Get to the top or even top one using a picture. This is more than possible with the help of a technique such as a picture tag. A little ingenuity and a creative impulse of inspiration thanks to a liter mug of chifir! Graceful, dexterous fingers poking the keyboard using the ten-finger touch typing method! This is real success!

What are tags <picture>?

А ведь с помощью этого тега <picture> в гугле ранжируются страницы и попадают в самый топ или даже топ 1 точнее, топ0 “топ нуль”, если быть грамотным с кАмпуктернОЙ точки зрения.

But with the help of this tag <picture> pages are ranked in Google and fall into the very top or even top 1 more precisely, top0 “top zero”, if you are literate from a computer point of view.

Опять же поисковая выдача, ранжируется по национал социалистической теории третьего рейха. Поэтому если загуглить или как там еще по другому набрать в поисковике любой запрос почему один из тегов соурс тега пикчер не отображает изображения формата вебПи. Первый в результате хабр, но там не ответа ни привета, хабр как балласт, никчемный и полностью бесполезный лежит и занимает первую строчку поиска. Понятно дело что проще пользоваться дакДакГо или бингом, там хоть как никак ранжирование не строят по национал социалистическим принципам.

Again, search results are ranked according to the national socialist theory of the Third Reich. Therefore, if you google or whatever else you type in a search engine, any query why one of the source tags of the picture tag does not display images in WebPi format. The first result is a habr, but there is not a single hello answer there, the habr is like ballast, worthless and completely useless, it lies and occupies the first line of the search. It’s clear that it’s easier to use DakDakGo or Bing, since at least they don’t build rankings according to national socialist principles.

Слава Богу никто еще пока не запрещал пользоваться “зарубежным поисковиком”, но не факт. Все просто тег пикчер работает, но нужно установить тег соурс выше тега с флагом media(max-width: 900), выше тега соурс тяжелого формата - и будет Вам счастье!

Thank God, no one has yet banned the use of a “foreign search engine,” but this is not a fact. It’s just that the picture tag works, but you need to set the source tag above the tag with the media flag (max-width: 900), above the heavy format source tag - and you will be happy!

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

Now another question, how to find a browser that does not support webp on a mobile phone? Because, well, they generally open everywhere. The most popular ones that you can use are: Google Chrome, Mozilla, Webkit, Microsoft Edge.

И последнее время майкрософтЕдж кажется намного лучше, им куда приятней пользоваться. Да и результаты поиска ранжируются таким образом что там нет этого поганого хабра, а главное нет там в первой строчке поиска яндекса. Поэтому можно быть уверенным на 100% что люди будут пользоваться дакДакГо, Бингом, да чем угодно, только не видеть этих национал социалистических чудовищ.

And lately MicrosoftEdge seems to be much better, it’s much more pleasant to use. And the search results are ranked in such a way that this nasty hubbub is not there, and most importantly, it is not there in the first line of the Yandex search. Therefore, you can be 100% sure that people will use DakDakGo, Bing, and anything else, just not see these national socialist monsters.

Пример тага пикчер:

An example of a picture tag:

Главный секрет ранжирования по изображению с помощью тега пикчер, это в основной тег имайдж установить изображение прямо с фотоаппарата. Чем больше изображение тем лучше, 15 мегабайт, оК. Это круто! Именно такая картинка и нужна в основном теге.

The main secret to ranking by image using the picture tag is to set the image directly from the camera to the main image tag. The larger the image the better, 15 megabytes, ok. This is great! This is exactly the image that is needed in the main tag.

А дальше по схеме от большего к меньшему с помощью редактора осталось сократить размер для мобильных устройств. Таким образом изображение ранжируются выше, сразу занимает топ!

And then, according to the scheme from larger to smaller, using the editor, all that remains is to reduce the size for mobile devices. Thus, the image is ranked higher and immediately takes the top!

В моём коммунистическом случае, выбран основной тег шириной 6000 пикселей, а тег соурсе 900 пикселей, потому что ширина основного контейнера blozhik всего 900px. С флагом media=”(min-width:900px)” - это значит что только второй тег source media=”(min-width:900px)”, а все остальные будут max-with:

In my communist case, the main tag is selected with a width of 6000 pixels, and the source tag is 900 pixels, because the width of the main blozhik container is only 900px. With the flag media=”(min-width:900px)” - this means that only the second tag is source media=”(min-width:900px)”, and all others will be max-with:

И в реальной жизни, сайты с настоящими изображениями, своими. Хорошего качества без сжатия на максимуме формата jpg, который с поисковым запросом: “изображение png на прозрачном фоне”, выдает jpg. Где нарисованы полоски и изображение все равно приходится вырезать. Один обман. Но сайты в топе по поисковой выдаче. Поэтому прощай гугл. Сброшена твоя маска, под которой скрывался обиженный и проигравший войну, национал социалистической коммунист.

And in real life, sites with real images, your own. Good quality without compression at the maximum of the jpg format, which with the search query: “png image on a transparent background” produces jpg. Where stripes are drawn and the image still has to be cut out. One deception. But the sites are in the top search results. So goodbye Google. Your mask has been dropped, under which you were hiding an offended and lost war, a national socialist communist.

Amir