{"id":141,"date":"2022-11-18T09:54:43","date_gmt":"2022-11-18T09:54:43","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=141"},"modified":"2023-09-01T11:47:04","modified_gmt":"2023-09-01T11:47:04","slug":"prepare-your-images","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/prepare-your-images\/","title":{"rendered":"Prepare Your Images"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"141\" class=\"elementor elementor-141\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d2e3911 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d2e3911\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-966f313\" data-id=\"966f313\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eda28cb elementor-widget elementor-widget-pt_title\" data-id=\"eda28cb\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                Optimizing Images\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63903b1 elementor-widget elementor-widget-text-editor\" data-id=\"63903b1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Image quality and quantity are important for a website speed &amp; performance, and also important for user experience. You need to find a balance between them.<\/p>\n<p><strong>Before uploading<\/strong> your images to your website, please optimize your images first (using Photoshop or other image editing tools). Please check this article:&nbsp;<a href=\"https:\/\/www.jimdo.com\/blog\/optimize-website-images-for-better-design-seo\/\" target=\"_blank\" rel=\"noopener\">How to Optimize Images for Better Web Design &amp; SEO<\/a>.<\/p>\n<ul>\n<li><strong>Optimal file size<\/strong>: The number of bytes the file takes up on your computer. This is the factor that can slow your website way down. A 15MB (megabyte) image is huge. Large images or full-screen background images should be no more than 1 MB. Most other small web graphics can be 300 KB or less.<\/li>\n<li><strong>Image size:<\/strong>&nbsp;The actual dimensions of your image, in pixels. As we mentioned in the&nbsp;<a href=\"#image-size\">Image Size<\/a>&nbsp;subchapter, the recommended width of images is at least 1920 px when it is supposed to be a full-width image (for example, a fullwidth post slider on the homepage). If the image is not used as a full-width image, you can resize your image to a smaller size.<\/li>\n<\/ul>\n<p><b>After uploading<\/b> your images to your website, you can install this plugin to further optimize them:&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">Smush<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6707a1d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6707a1d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a227c30 elementor-widget elementor-widget-pt_title\" data-id=\"a227c30\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h5 class=\"pt-title\">\n\t                Image Size\t            <\/h5>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-581fdae elementor-widget elementor-widget-text-editor\" data-id=\"581fdae\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To ensure that images on your site always look crisp and sharp on all devices, we recommend that images be at least 1920px wide (but no larger than 2560px wide or high) when it should be a full-width image.<\/p><p>Images will be scaled and saved into different sizes after you upload them. If your website already has some images before switching to PatioTime theme, you will need to regenerate these images into the new sizes. Please use this plugin:\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a>. Otherwise, the theme will use the original images when the proper image sizes cannot be found, which may slow down your website performance.<\/p><p>You can set image sizes via\u00a0<strong>dashboard<\/strong>\u00a0&gt;\u00a0<strong>Settings<\/strong>\u00a0&gt;\u00a0<strong>Media<\/strong>.<\/p><p>After you change the media size settings, when you upload new images they will be scaled and saved into the new sizes. But for the existing images, you can use this plugin to regenerate the new sizes:\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-141","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/141\/revisions"}],"predecessor-version":[{"id":1080,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/141\/revisions\/1080"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=141"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}