Categories

JavaScriptPHPHTMLCssPythonWordPressWeb developmentLinuxMySQLAndroidWindowsJavaC++ / C#LayoutReactUbuntuYiiDjangoProgramming1C-BitrixLaravelSystem administrationTelegramJSONDebianPostgreSQLIOSGoogleHtaccessWindows ServerGitMacOSGoogle ChromeCMSWooСommerceBootstrapNginxSQLUnityAPI
Make a leaderReport
K
K
kedrovdanil2020-10-01 16:06:49
Image optimization
kedrovdanil, 2020-10-01 16:06:49

How to compress uploaded images on a website?

The bottom line is this: there is a website, the back works on Laravel (PHP), the front on React.js. Users on the site can upload photos. They must be a certain size after loading (290px by 175px). How can I optimize a photo on upload or after upload on the server side?

If a user uploads a 1920x800 photo, then it should be compressed to the required 290x175, taking into account the aspect ratio and a slight deterioration in quality, and given to the front in the future in such a compressed form. The most common formats are jpeg, png.

What can be done to implement this? As far as I know, JS is not capable of pinching on the front side. Or am I wrong?

PS If someone worked with the Intervention Image (Laravel) library, then write how it is? Does it work well?

Reply
Answer the question

Answer the question

In order to leave comments, you need to log in

0 answer(s)
Similar questions
A
Aucuo2019-10-30 16:59:45
Outputting and compressing an image in php? 2Reply
A
artij2015-08-12 16:18:32
I resized the photo in Win8.1, the final size is 1.5 MB. I change in Win10, the final size is 500 KB. Interesting, what's the catch? 2Reply
R
RomaShumeyko2020-01-31 00:58:55
How/what to compress a lot of photos on Mac? 1Reply
O
obivankenoby2017-09-26 19:00:04
How to compress animation up to 150 kb? 1Reply
A
Alexander2018-01-24 20:59:45
How to disable changing image titles in google pagespeed? 0Reply

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question