My website loading heavy images. I need to re-size it from server how it possible? - image

My website loading heavy images. I need to re-size it from server how it possible?.
here is the url of the website : www.thefirstdrive.com

Resize the images and upload them again.
or
use imagemagick and resize the images via ssh.

this could be what you are looking for
http://wordpress.org/extend/plugins/dynamic-image-resizer/

Related

Why my opencart products images show blurry? how to fix?

I am using journal opencart theme. when i upload a product then my products images showing blurry. please guide me how can i fix this?
my website link is:
accity.ru
please help me to fix this
You shoud check if:
you are uploading images in proper resolution
you have properly set image sizes in opencart administration [system->settings->your eshop->images]
in your image zooming plugin is not anny setting that can reduce image quality
You should focus on checking the following :
All images should be of the same sizes ( & if possible greater than 500x500 )
The resizing if needed should maintain the aspect ratio
Example: 1200x800 can be resized to 600x400, 300x200, 150x100 size images easily
Since you are operating an e-commerce store, I suggest, you can also look for professional services such as ImageKit to add capabilities of dynamic resizing, watermarking & many more.
In case issue still persists, feel free to connect with me.

Can dropzone.js allow image cropping and rotating before upload?

I have the uploading and previewing working just fine but sometimes the images are sideways or need to be cropped. If not maybe it can work with in conjunction with another library?
This site mentioned that it could:
https://colorlib.com/wp/jquery-file-upload-scripts/#comment-621899

Cakephp 2+ Image Resize and Crop while uploading the image

Hi i need to implement image resize and crop the image while uploading to the server. Please help me out.
There are two plugins doing exactly what you want to:
a component https://github.com/angelitomg/QimageComponent you have to actively trigger in your controller
a behaviour https://github.com/josegonzalez/cakephp-upload which allows you to implement the resizing for a hole model(action independent) with a simple actsAs
The second one is developed by josegonzalez who is really active in #cakephp irc and the whole cakephp development... so this is most likely the better choice ;)
Try the image upload behavior
https://github.com/cakecoded/image-upload-behavior/blob/master/app/Model/Behavior/ImageUploadBehavior.php

Magento Blurry Pictures in the Recently viewed products

I have an issue with Magento. My pictures work well in every sections but in the **recently viewed products I get a blurry result. I don't understand why because in the catalog I have the same pictures using the "small_image" that display fine without being blurry. I guess the reason is because the picture is resized to be small then resized again to be bigger, PLEASE how can I fix that.
I attached a screenshot showing the resize and how blury the pictures are.
THANKS in advance for your help !!
Picture : Blurry Image and resize
I have encountered similar issues where the image is either blurry or suffered from color loss. After digging in, i found out that Magento uses the GD library out of the box which works pretty well, but there are alternatives out there. The library that solved my problems was ImageMagick. It does require you do install a php extension though and some code changes, but the results are worth it.
http://php.net/manual/en/book.imagick.php
Did you try to change the quality to 100% under Configuration/Advanced/System/Images Upload Configuration? You need to clean the Catalogue image cache after.

Grainy images in Firefox but not Chrome

We are using a png image as our logo on our main site. The image is about 85x57 pixels. Whenever we are viewing the website on Chrome, the image looks smooth. However, on firefox the image is grainy and one can distinguish each pixel. Is this a common browser issue with Chrome? Or is there a quick fix for this?
The "grainy-look" could be the result of a bug in Firefox as mentioned in this post.
Browsers have different methods of interpolating images when NOT rendered at their native size.
Best advice: render the image at its native size.

Resources