anitab-org / anitab-org/anitab-org.github.io
Optimize Images
- 主要言語
- JavaScript
- スター
- 155
- フォーク
- 190
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
### Describe the bug
Large sized images slow down the web pages which creates a less than optimal user experience.
We can reduce the image’s file sizes to help improve our website’s performance.
### To Reproduce
Steps to reproduce the behavior:
1. Go to https://anitab-org.github.io/
2. Right Click -> Inspect Element -> Go to Network Tab
3. Check out the file sizes and loading time
### Expected behavior
We can reduce the image sizes without compromising the image quality.
### Screenshots
Here's an example
Also, the about image is of 1.1 MB which is very large and takes very long to load in a poor internet connection and needs to be optimized.
### Desktop (please complete the following information):
- OS: Windows 10
- Browser : Chrome
- Version : 87.0.4280.141 (Official Build) (64-bit)
### Additional context
I tried optimizing a image from the website and the size reduced significantly with no reduction in quality.
Before Optimization : Size -> 470.8 KB
After Optimization : Size -> 66.2 KB
コントリビューションガイド
評価
この issue はまだ評価されていません。