![]() Our users can now more easily upload images, resulting in higher quality images and more images uploaded. ![]() There was no need to edit any server logic, or adjust any JavaScript, saving us lots of time. We’ve added image cropping to our website by inserting a single script tag on our webpage. If a user can upload an image on your website, you can use CropGuide to offer image cropping. Follow this WordPress tutorial on how to add the CropGuide script tag and get image editing on your WordPress form. It’s also suitable for products like WordPress. It has been tested with popular tools like Bubble, Shopify, Webflow, Weebly, Squarespace, and Carrd. NoCode Image CroppingĬropGuide can be installed and configured without any code changes, making it perfect for use with NoCode services. While this is a very basic file input, CropGuide works just as well with advanced JavaScript file upload libraries. Images are edited in the browser, nothing is uploaded. Try out the image editor by selecting an image below. Important: Images aren’t uploaded to CropGuide, image editing happens in the browser which is great for privacy and performance. We can set our image requirements in the CropGuide dashboard. Installation only takes a couple minutes and requires two steps:ĬropGuide now automatically intercepts each file upload and offers an image editor to the user. Compressing images or converting image formats.Automatically scale images to a maximum size.In this tutorial we’ll use CropGuide as our JavaScript image cropping solution. When we optimise images before uploading, we not only get better images, we also get more images because there’s less users that will exit our form out of frustration. ![]() If an image isn’t in our desired aspect ratio or bigger than the maximum file size they won’t always know how to fix that With some guidance users can crop the important parts of an image To receive better user generated content.A lower image size results in faster uploads, improved upload stability, and less disk usage Our goal is to add image editing to this field without having to modify any existing code. In this 3 minute tutorial we use CropGuide, a JavaScript image cropper, to crop images before they’re uploaded to our server without making any changes to existing file upload code.įor this tutorial we’ll assume that a form with a file upload field has already been set up.
0 Comments
Leave a Reply. |