![]() ![]() Scale Image is a simple scale, either by size or by percentage. With a standard workflow, you’ll want to choose either the Scale Images option or the Crop Images option. Step 2: Decide what you want to be done with your image. (You can skip this step if you don’t care about saving copies of your images.) ![]() This will ensure your original images are preserved in a folder you choose, in case you don’t like the results of the workflow. ![]() Next, you’ll add a series of three steps. Select the folder that you want to serve as your trigger folder. This will ensure that your Automator workflow runs whenever a folder is updated. To start building your image optimization workflow, open Automator and select the Folder Action workflow. Here are two of the best: Workflow: Images Added to Specified Folders are Automatically Optimized Once you’ve got ImageOptim downloaded and ready to go, there are many ways you could build an image optimization workflow. Your images will remain in the same folder once the tool has compressed them, so make copies in advance if you want to save the originals. ImageOptim will do the rest, compressing your image as much as possible without degrading their quality. To use ImageOptim, just drag and drop files into the app, or add an image via its menu. Then, you’ll need to download ImageOptim, a free drag-and-drop tool that quickly compresses your images without degrading their quality. Automator is a built-in tool on your Macs that can-you guessed it-automate tasks on your computer. Here's how to both scale and compress your images on macOS, Windows, and online.įor this workflow, you’ll only need two free tools, one of which comes with your Mac. With that in mind, you need a workflow to optimize your images. With a good image compression tool, you’ll hardly even notice the difference in quality between your original and your optimized image. Image compression merely makes your image more efficient by stripping out irrelevant and redundant data within the image. Image compression is often associated with blurry, poor-quality images (and who wants that on their website?), but the truth is that good image compression is nearly lossless-it doesn’t reduce the visible quality of the image. You’ll also want to compress your images before uploading them to your site. However, for our blog header images, we scale images to 1500 x 500 px. For others, you may want to define a few different scale guidelines for different page positions and image types.įor example, on the Zapier Blog, we try to keep inline blog images at 660 pixels wide (with some exceptions made for tutorial GIFs). For some sites and blogs, you’ll be able to pick standard dimensions for images and go from there. To avoid this problem, you’ll need to scale your image before uploading them. If the original file is 2000 x 2000 pixels, it doesn’t matter if you display it at 200 x 200 pixels-your browser will still load the original file and still slow down your page load. ![]() Shrinking images on the actual page doesn’t help this. While you want your images to look high-quality, high-resolution photos can wreck your page load times. The most time consuming step in the process of optimizing images is scaling them appropriately. While the term "optimized" may mean different things to different companies (based on specific goals for site aesthetic and server capacity), image optimization always boils down to two necessary steps: Scaling Images What are Web Optimized Images?įirst, a quick review on what it means to optimize your images. Keep reading to learn simple ways to outsource image optimization to your computer (and keep your SEO team happy in the process). You have to remember the ideal image size, resize the images, and compress them again before uploading to your site-something that takes time and attention from your more important work.īut if you don’t optimize your images, your page will take longer to load which can hurt search engine ranking, increase bounce rate as visitors quickly leaving your site without interacting with it when images take too long to load, and potentially increase your hosting bills.Īutomation to the rescue! Why not focus on your priorities and let your computer do the work for you? One of the small yet time consuming tasks of marketers, writers, designers, and others who publish images online is optimizing those images for SEO. ![]()
0 Comments
Leave a Reply. |