website icon indicating copy to clipboard operation
website copied to clipboard

:sparkles: Enhancement: Replace <img> tags with Next.js Image Component

Open aialok opened this issue 1 year ago • 6 comments

Description: Our website currently uses standard HTML tags in over 50 places, which lack built-in optimizations and can lead to performance issues. To address this, we should replace all instances of with the Next.js Image Component next/image.

Warning: Using <img> could result in slower Largest Contentful Paint (LCP) and higher bandwidth usage. Consider using <Image /> from 'next/image' to automatically optimize images. Please note that this may incur additional usage or cost from your provider.

Screenshot from 2024-07-25 17-29-42

Note: Currently in the ESLint config file, we have turned off the '@next/next/no-img-element': 'off' rule. Once we are done with the setup of the Image Component, please change the rule to 'error' so that we can easily catch this in the future.

After

 `'@next/next/no-img-element': 'error'` 

image

aialok avatar Jul 25 '24 18:07 aialok

@aialok I would like to work on this. Please assign it to me.

irfan-iiitr avatar Aug 01 '24 14:08 irfan-iiitr

@aialok I would like to work on this. Please assign it to me.

@benjagm will assign you this issue but you can work on this issue.

Thank you : )

aialok avatar Aug 03 '24 16:08 aialok

Hi , i would like to work on this issue,if this issue is open @aialok

29deepanshutyagi avatar Sep 09 '24 07:09 29deepanshutyagi

Thanks a lot @29deepanshutyagi ! Please go ahead!

benjagm avatar Sep 09 '24 14:09 benjagm

@29deepanshutyagi I've added the Hacktoberfest label looking forward to your PR, Thank you : )

DhairyaMajmudar avatar Oct 02 '24 17:10 DhairyaMajmudar

sure

29deepanshutyagi avatar Oct 03 '24 05:10 29deepanshutyagi

@DhairyaMajmudar I noticed there hasn’t been any activity in the last month, so I’m interested in working on this issue. please assign me this issue

techmannih avatar Oct 30 '24 10:10 techmannih

there is already a pr which is open

@DhairyaMajmudar I noticed there hasn’t been any activity in the last month, so I’m interested in working on this issue. please assign me this issue

29deepanshutyagi avatar Oct 30 '24 10:10 29deepanshutyagi

@29deepanshutyagi No worries, continue working. Thank you!

techmannih avatar Oct 30 '24 10:10 techmannih