Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Provide image component similar to next/image

See original GitHub issue

Feature Request

Relevant Package

@angular/image

Description

Since version 10.0.0, Next.js has a built-in Image Component and Automatic Image Optimization.

Next.js - Image Component

In Angular land, user has to first navigate to squoosh.app and shrink/resize the image before placing it under the assets folder

Describe the solution you’d like

Provide an angular component for image optimization similar to Next.js Image

Describe alternatives you’ve considered

Manually optimize JPG/PNG/WebP images using squoosh.app and SVG using SVGOMG

Issue Analytics

State:
Created 2 years ago
Reactions:30
Comments:8 (5 by maintainers)

Top GitHub Comments

2reactions

otodockalcommented, Apr 5, 2022

@HamzaMoiyadi @conradkirschner https://angular.io/guide/roadmap#improve-image-performance

1reaction

splincodecommented, Jul 5, 2021

Maybe relate to @angular/cdk/image?

Top Results From Across the Web

next/image - Next.js

A string that provides information about how wide the image will be at different breakpoints. The value of sizes will greatly affect performance...

Nextjs image optimization with examples - Refine Dev

In this article, you learned how to use next/image to deliver optimized images in NextJS through automatic lazy-loading, preloading of critical ...

How to use Next.js <Image> component - Medium

Are you tired of writing code to serve the right image size for different ... on this GitHub repo: https://github.com/estebanmunchjones2019/next-image, ...

Nextjs how to style next/images - Peter Lunch

js next/image component offers your site some fantastic benefits straight out of the box. Benefits like lazy loading, optimization, ...

How to Use the New <next/image> Component

With Next.js 10 and the then introduced next/image component, ... you could set properties like style or className to style the image.