Preview
Issue #6
this is an icon, not a picture
- Kirill S
- You are wrong. Look at the style which was applied to the image:
.article-text-editor img {
display: block;
max-width: 100%;
margin: 30px auto;
}
- Accepted by admin
- It's an icon and should use <pic>.
It's not good for IV to display such small images with <img> because the image will get stretched to the max width of the IV display.
Take a look for yourself for this IV on mobile:
https://t.me/iv?url=http%3A%2F%2Fwww.asn-news.ru%2Fpost%2F177&rhash=e629a48de3a896&rnum=6
This is a valid issue.
- Kirill S
- It's just ridiculous. How would I know that IV scales regular images as one wishes (not <pic>, which is mentioned in the checklist). I have represented the article content "as is", the image is placed in root of body and has a "block" css attribute. What is the extreme value in pixels, when <img> should be converted into <pic>? Why it's not specified in the checklist and you guys just make up new rules in the course of the contest?
- Accepted by admin
- You can check your own IV on your own mobile device to see for yourself how an IV actually looks on a device.
The reason <pic> was implemented in IV 2.0 was because <img> does not support small images such as icons. This was an issue in the first IV contest as well.
That's why <pic> was implemented and why it works differently than <img>.
Part of making a perfect template is to generate IVs that actually look as close to the original source pages as possible.
It's not really about whether the technical html structure is exactly the same, but how it ends up looking in the actual IV on mobile. Again, you can check it for yourself, the small emoji is stretched to full width of screen and becomes extremely pixellated. It doesn't look like the source page.
- Type of issue
- IV page is missing essential content
- Reported
- Mar 5, 2019