This only extends the behavior of the image component.
Added the height and width tags. If none is selected, the image will be at it's original size. If one is selected, it will become the longest side (and the other side will get adapted, whilst keeping the aspect ratio), and if both are specified, it will force the resize, maybe even deforming the image.
Added the resample_mode tag. (By default, it's set to BOX.) This only affects images that get resized (either smaller or bigger). Here's a comparison image showcasing the pros and cons of every resample mode. (Also, you can get a quite interesting style by selecting the nearest or pixel_art mode)
Added URL/web images. This can be used by specifying the image_url tag instead of the image_path tag. The value is an URL leading to the image to display. (This SHOULD allow usage of the album cover feature, by making the value "http://link-to-your-ha-instance:port{{state_attr('media_player.player', 'entity_picture')}}")
Added base64 encoded images. This can be used by specifying the image_data tag instead of the image_path tag. The value is the base64 value of an image (obtainable for example here) This is quite useful if you don't want or can't access the server's filesystem.
(Of course, the old image_path still works, and it will try to open an image on the home assistant's instance file system.)
This only extends the behavior of the image component.
Added the height and width tags. If none is selected, the image will be at it's original size. If one is selected, it will become the longest side (and the other side will get adapted, whilst keeping the aspect ratio), and if both are specified, it will force the resize, maybe even deforming the image.
Added the resample_mode tag. (By default, it's set to BOX.) This only affects images that get resized (either smaller or bigger). Here's a comparison image showcasing the pros and cons of every resample mode. (Also, you can get a quite interesting style by selecting the nearest or pixel_art mode)
Added URL/web images. This can be used by specifying the image_url tag instead of the image_path tag. The value is an URL leading to the image to display. (This SHOULD allow usage of the album cover feature, by making the value "http://link-to-your-ha-instance:port{{state_attr('media_player.player', 'entity_picture')}}")
Added base64 encoded images. This can be used by specifying the image_data tag instead of the image_path tag. The value is the base64 value of an image (obtainable for example here) This is quite useful if you don't want or can't access the server's filesystem.
(Of course, the old image_path still works, and it will try to open an image on the home assistant's instance file system.)
Example page: