---
title: "Discussion on \"Image and Asset Optimization: Sharp, Squoosh, and Modern Formats\" | Hashnode"
description: "Discussion on \"Image and Asset Optimization: Sharp, Squoosh, and Modern Formats\". Image and Asset Optimization: Sharp, Squoosh, and Modern Formats\nImages are typically the heaviest assets on a web page -- often 50-80% of total page weight. A single unoptimized hero image can be larger than all your JavaScript and CSS combined. Yet..."
url: "https://hashnode.com/posts/image-and-asset-optimization-sharp-squoosh-and-modern-formats/69a65660c872f520f2137655"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Image and Asset Optimization: Sharp, Squoosh, and Modern Formats](https://devtoolsguide.hashnode.dev/image-and-asset-optimization-sharp-squoosh-and-modern-formats?utm_source=hashnode&utm_medium=feed)

Image and Asset Optimization: Sharp, Squoosh, and Modern Formats Images are typically the heaviest assets on a web page -- often 50-80% of total page weight. A single unoptimized hero image can be larger than all your JavaScript and CSS combined. Yet...

Mar 3 · 9 min read · devtoolsguide.hashnode.dev  
Read the article

-   [#avif](https://hashnode.com/tag/avif)
-   [#images](https://hashnode.com/tag/images)
-   [#optimization](https://hashnode.com/tag/optimization)
-   [#performance](https://hashnode.com/tag/performance)
-   [#webp](https://hashnode.com/tag/webp)

## Written by

[DevTools Guide](https://hashnode.com/@devtoolsguide)

@devtoolsguide · Seattle, WA

  
[View profile](https://hashnode.com/@devtoolsguide)

TypeScript, developer tools, and web development insights. Practical guides for modern devs.

Practical guides for developers: TypeScript, developer tools, CI/CD, and modern web development. We cover the tools that make devs more productive.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.