{"id":759,"date":"2013-07-05T20:57:50","date_gmt":"2013-07-05T20:57:50","guid":{"rendered":"https:\/\/gotowebsmith.com\/2013\/07\/05\/editing-and-resizing-images\/"},"modified":"2022-07-01T18:45:58","modified_gmt":"2022-07-01T18:45:58","slug":"editing-and-resizing-images","status":"publish","type":"post","link":"https:\/\/gotowebsmith.com\/editing-and-resizing-images\/","title":{"rendered":"Editing and Resizing Images"},"content":{"rendered":"<h2> \tOne of the greatest challenges in managing website content is preparing images and photos for web delivery.&nbsp;<\/h2>\n<p>To help you create images that are optimized for your website, we&#8217;ve put together a collection of image editing resources.&nbsp; Note &#8211; these resources are offered as a convenience for our clients.&nbsp; They are provided by third party web services and vendors and as such, we cannot provide support or answer questions about these resources.<\/p>\n<p class=\"info-jck\"> \tTips for Resizing \/ Cropping<\/p>\n<p> \tWhen resizing an image, there are some important things to keep in mind.&nbsp; You want your images to maintain decent quality, while not taking up an enormous amount of space.&nbsp; Rather than resizing your image in the SiteWorks editor, you should use a photo editor to adjust the image to the size that you&#8217;d like it displayed on the page.&nbsp; This will guarantee that your pages will load as quickly as possible.&nbsp; You can adjust the size by resizing or cropping.<\/p>\n<p><strong>Resizing:<\/strong> This is the process of actually adjusting the size and width of the image.&nbsp; Make sure to maintain proper proportions when resizing so that your image does not appear stretched or skewed.&nbsp;<\/p>\n<p><strong>Cropping:<\/strong> Cropping is the process of trimming and removing parts of an image that aren&#8217;t relevant to what you&#8217;re trying to portray.&nbsp; This will remove any excess clutter to the page, and keep the user&#8217;s focus on the relevant information.<\/p>\n<p>Both resizing and cropping may be necessary to achieve the desired effect.&nbsp; We recommend using both until the image looks the way you&#8217;d like it displayed on the page.<\/p>\n<p class=\"info-jck\"> \tFree Online Tools<\/p>\n<h3> \tFoto Flexer<\/h3>\n<p>Foto Flexer is another excellent choice for editing photos online for free.&nbsp; Right from the homepage you can upload your image and start editing.&nbsp; The tools are placed in an easy to use and easy to find fashion.&nbsp; With this editor you can auto-fix images, fix red-eye, resize, crop, rotate, etc.&nbsp; There are also many advanced features such as opacity, distortion, animation, and more.&nbsp; To start editing your images at fotoflexer.com, <a href=\"http:\/\/fotoflexer.com\" target=\"_blank\" rel=\"noopener noreferrer\">CLICK HERE<\/a>.<br \/>\n&nbsp;<\/p>\n<h3> \tSplashup<\/h3>\n<p>Splashup, formerly Fauxto, is a powerful editing tool and photo manager. With the features professionals use and novices want, it&#8217;s easy to use, works in real-time and allows you to edit many images at once. Splashup runs in all browsers, integrates seamlessly with top photo-sharing sites, and even has its own file format so you can save your work in progress.&nbsp; <a href=\"http:\/\/splashup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CLICK HERE<\/a><br \/>\n&nbsp;<\/p>\n<h3> \tPhixr<\/h3>\n<p>Online photo editing. <a href=\"http:\/\/www.phixr.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CLICK HERE<\/a><br \/>\n&nbsp;<\/p>\n<h3> \tPixenate<\/h3>\n<p>Online photo editing. <a href=\"http:\/\/pixenate.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CLICK HERE<\/a><br \/>\n&nbsp;<\/p>\n<h3> \tAdobe Photoshop EXPRESS<\/h3>\n<p>Recently Photoshop has launched an online tool that allows people to crop, resize, tweak, twirl, distort, saturate, and do so much more to their images FOR FREE.&nbsp; They even give you 2 GB of free storage space for your photos. To learn more and to get started <a href=\"http:\/\/www.photoshop.com\/tools\/expresseditor?wf=editor\">CLICK HERE<\/a>.<\/p>\n<p class=\"info-jck\"> \tSoftware<\/p>\n<h3> \tAdobe Photoshop<\/h3>\n<p>One of the most popular professional software tools for preparing images for web delivery is Adobe Photoshop (<a href=\"http:\/\/www.adobe.com\" target=\"_blank\" rel=\"noopener noreferrer\">www.adobe.com<\/a>). Photoshop is is the industry standard for preparing images, but it&#8217;s also expensive and the learning curve is steep.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the greatest challenges in managing website content is preparing images and photos for web delivery.&nbsp; To help you create images that are optimized for your website, we&#8217;ve put together a collection of image editing resources.&nbsp; Note &#8211; these resources are offered as a convenience for our clients.&nbsp; They are provided by third party [&hellip;]\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"wds_primary_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-759","post","type-post","status-publish","format-standard","hentry","category-tech-support"],"_links":{"self":[{"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/posts\/759"}],"collection":[{"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/comments?post=759"}],"version-history":[{"count":1,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/posts\/759\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/posts\/759\/revisions\/933"}],"wp:attachment":[{"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/media?parent=759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/categories?post=759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gotowebsmith.com\/wp-json\/wp\/v2\/tags?post=759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}