From 04c2ae32c99fb815514691c9afab7a4ea074aac8 Mon Sep 17 00:00:00 2001 From: SwathiRavi14 <102658583+SwathiRavi14@users.noreply.github.com> Date: Wed, 17 Jul 2024 15:45:56 +0530 Subject: [PATCH 1/2] 896904: Added topic for load images in webp format --- blazor-toc.html | 7 +++ .../how-to/load-images-in-webp-format.md | 62 +++++++++++++++++++ 2 files changed, 69 insertions(+) create mode 100644 blazor/carousel/how-to/load-images-in-webp-format.md diff --git a/blazor-toc.html b/blazor-toc.html index 36a0270650..4c71499017 100644 --- a/blazor-toc.html +++ b/blazor-toc.html @@ -1049,6 +1049,13 @@
  • Navigators and Indicators
  • Accessibility
  • Styles and Appearances
    • +
  • How To + +
  • API Reference
    • diff --git a/blazor/carousel/how-to/load-images-in-webp-format.md b/blazor/carousel/how-to/load-images-in-webp-format.md new file mode 100644 index 0000000000..36838fb1f4 --- /dev/null +++ b/blazor/carousel/how-to/load-images-in-webp-format.md @@ -0,0 +1,62 @@ +--- +layout: post +title: Load webp format image with Blazor Carousel Component | Syncfusion +description: Checkout and learn about how to load webp format image with Blazor Carousel component in Blazor Server App and Blazor WebAssembly App. +platform: Blazor +control: Carousel +documentation: ug +--- + +# Load webp format image with Blazor Carousel Component + +You can load the carousel image in the webp format, which aims to create smaller, better-looking images. Choosing webp as your image format can significantly improve your website's performance without sacrificing visual quality. webp images are significantly smaller in file size compared to formats like JPEG and PNG. This results in faster load times and less data usage. To achieve this, you can convert your image format to webp and pass them to Carousel items. The following sample illustrates how to load a carousel image in the webp format component. + +```cshtml +@using Syncfusion.Blazor.Navigations + +
    + + +
    + Majestic Valley View +
    Majestic Valley View
    +
    +     + +
    + Thrilling Rapids Adventure +
    Thrilling Rapids Adventure
    +
    +     + +
    + Snowy Stroll +
    Snowy Stroll
    +
    +     +     +
    + + +``` \ No newline at end of file From 16470102673ac1c4ae0aacdbc2235dc8a5f761ea Mon Sep 17 00:00:00 2001 From: SwathiRavi14 <102658583+SwathiRavi14@users.noreply.github.com> Date: Wed, 17 Jul 2024 15:48:26 +0530 Subject: [PATCH 2/2] 896904: Added topic for load images in webp format --- blazor-toc.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor-toc.html b/blazor-toc.html index 4c71499017..23c76c98ce 100644 --- a/blazor-toc.html +++ b/blazor-toc.html @@ -1052,7 +1052,7 @@
  • How To