Support for webp image format

[Daniel]

@Burndog

Is there a way to use the ‘picture’ element in Hype, specifying multiple images to downgrade in browsers lacking webp support?

Sure, it would look like this:

<picture>
  <source srcset="${resourcesFolderName}/dice.webp" type="image/webp">
  <img srcset="${resourcesFolderName}/dice.png" alt="dice">
</picture>

Quick demo: webp.hype 2.zip (113.3 KB)

This example is from: Using WebP Images | CSS-Tricks - CSS-Tricks

The picture element gives you pretty cool responsive features you can also take advantage of.

@Burndog

On this same topic, we are getting penalized for using traditional lightbox slideshows that use an anchor link to a image over some other method. For example, if you have a website that has many linked slideshows, from an SEO perspective, you might be presenting your website as having a large percentage of links to images which takes away from your other, more critical links. I’m having to use a no-follow attribute but still looking for other resouces which brings me back to Hype.

How do you know you're being penalized? Are you looking at your Pagespeed insights score?