My images load in the frontend & breaks

[Atik1]

My all images & here https://share-ask.com/how-to-do-light-painting-photography/ loads in the frontend & after loading breaks

i tried disabling Cache Enabler, smushpro Autoptimize but no use

plz help

[Gandalf]

I suggest you use the inspector and check out all the errors you’re getting.

[Atik1]

tried but not getting any fix

[Gandalf]

What exactly did you try?

[Atik1]

@Atik1

i tried disabling Cache Enabler, smushpro Autoptimize but no use

i tried disabling Cache Enabler, smushpro Autoptimize but no use

inspector shows it breaks imaage …beyond that i dont know what to do

[cmswebservices]

The path you entered in src is wrong you have to replace with https://share-ask.com/wp-content/uploads/light-painting-landscape-photography-tutorial.gif

[Atik1]

but in wordpress we never do such manual placing so y php is picking wrong

[cmswebservices]

yes but you are using short pixel compression tool and in source link it takes short pixel url that’s why it does get the proper source url

[Atik1]

I use smushpro not short pixel plugin

[Gandalf]

Then why do you have this in your HTML code?

src='https://cdn.shortpixel.ai/client/q_lqip,ret_wait,w_570,h_379/https://share-ask.com/wp-content/uploads/light-painting-landscape-photography-tutorial.gif'

Why use a plug-in at all when you could optimise the image before you upload it?

[Atik1]

shortpixeli used long time back dont know y its still dere

[Atik1]

This is the right link https://share-ask.com/20-motivational-quotes-from-legendary-entrepreneurs-leaders-and-visionaries/ it breaks image in desktop but mobile image is perfect

[TechnoBear]

You are stretching a small image beyond its maximum size, so of course it will be blurred and pixellated.

Use a larger size image, or, better still, use actual text to display the content and make it accessible.