Блог

Итак, вот что я на самом деле хочу сделать. Я хочу показать Webp изображение, но поскольку большинство браузеров еще не поддерживают Webp изображения. Я хочу показать PNG изображение. Но размер PNG изображения слишком большой. Итак, я хочу получить PNG изображение правильного размера из CDN . Вот что я пытался сделать, но это не изменяет размер изображения. Но вы можете получить представление о том, что я пытаюсь сделать. tag.image выдает URL-адрес изображения.

 <picture className="tag-image">
   <source type="image/webp" srcset={tag.image   "?webp=1"} /> 
   <source media="(max-width: 799px)" srcset={tag.image   "?resize=480"} />
   <source media="(min-width: 800px)" srcset={tag.image} />
   <img src={tag.image} className="tag-image" />
</picture>