{"id":8462,"date":"2026-05-22T08:43:51","date_gmt":"2026-05-22T06:43:51","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=8462"},"modified":"2026-06-14T18:11:36","modified_gmt":"2026-06-14T16:11:36","slug":"ghid-cuprinzator-pentru-optimizarea-imaginilor-site-urilor-web","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/","title":{"rendered":"Optimizarea imaginilor de pe site-ul t\u0103u"},"content":{"rendered":"<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">Images often account for the majority of a webpage&#8217;s size. Large, unoptimized images can significantly slow down your website, negatively impacting user experience, search engine rankings, and conversion rates.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fortunately, a few simple optimization techniques can dramatically reduce page load times without sacrificing image quality.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Choose_the_Right_Image_Format\" >Choose the Right Image Format<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#JPEG\" >JPEG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#PNG\" >PNG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#WebP\" >WebP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#AVIF\" >AVIF<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Compress_Images_Before_Uploading\" >Compress Images Before Uploading<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Resize_Images_to_Their_Actual_Display_Size\" >Resize Images to Their Actual Display Size<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Enable_Lazy_Loading\" >Enable Lazy Loading<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Use_Responsive_Images\" >Use Responsive Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Use_a_CDN_for_Global_Performance\" >Use a CDN for Global Performance<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Optimize_Images_in_WordPress\" >Optimize Images in WordPress<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Monitor_Your_Results\" >Monitor Your Results<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/mybox.com\/help\/ro\/knowledgebase\/comprehensive-guide-to-website-image-optimization\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Choose_the_Right_Image_Format\"><\/span>Choose the Right Image Format<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-3975746434\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Acces timpuriu<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Mai ave\u021bi nevoie de ajutor?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contacta\u021bi echipa noastr\u0103 de servicii pentru clien\u021bi.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Trimite mesaj<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">Selecting the correct file format is the first step toward effective image optimization.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"JPEG\"><\/span>JPEG<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">JPEG is best suited for photographs and complex images with many colors. It offers good compression while maintaining acceptable image quality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"PNG\"><\/span>PNG<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">PNG is ideal for graphics that require transparency, such as logos and icons. However, PNG files are often significantly larger than JPEG or WebP alternatives.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"WebP\"><\/span>WebP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WebP is a modern image format supported by all major browsers. It typically produces files that are 25\u201335% smaller than JPEG and PNG while maintaining similar visual quality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"AVIF\"><\/span>AVIF<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">AVIF is one of the newest image formats available. It offers even better compression than WebP and can significantly reduce image sizes, making it an excellent choice for performance-focused websites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Compress_Images_Before_Uploading\"><\/span>Compress Images Before Uploading<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Many images are uploaded directly from cameras or smartphones, resulting in unnecessarily large file sizes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before uploading images to your website, compress them using tools such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TinyPNG<\/li>\n\n\n\n<li>Squoosh<\/li>\n\n\n\n<li>ImageOptim<\/li>\n\n\n\n<li>ShortPixel<\/li>\n\n\n\n<li>Imagify<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In most cases, users will not notice any visible quality difference after compression.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Resize_Images_to_Their_Actual_Display_Size\"><\/span>Resize Images to Their Actual Display Size<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Uploading a 4000\u00d73000 pixel image when it will only be displayed at 800\u00d7600 wastes bandwidth and storage space.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Always resize images before uploading them or use tools that automatically generate multiple image sizes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hero banner: 1920px wide<\/li>\n\n\n\n<li>Blog image: 1200px wide<\/li>\n\n\n\n<li>Thumbnail: 300\u2013600px wide<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Enable_Lazy_Loading\"><\/span>Enable Lazy Loading<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lazy loading delays image downloads until they are about to become visible on the user&#8217;s screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Modern browsers support lazy loading natively, and WordPress enables it automatically for most images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Benefits include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Faster initial page load times<\/li>\n\n\n\n<li>Reduced bandwidth usage<\/li>\n\n\n\n<li>Improved Core Web Vitals scores<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Responsive_Images\"><\/span>Use Responsive Images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Visitors access websites from desktops, tablets, and smartphones. Serving the same large image to every device is inefficient.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Responsive images allow browsers to automatically download the most appropriate image size based on the visitor&#8217;s screen resolution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress automatically generates multiple image sizes and uses responsive image attributes to improve performance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_a_CDN_for_Global_Performance\"><\/span>Use a CDN for Global Performance<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A Content Delivery Network (CDN) stores copies of your images on servers around the world.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When a visitor accesses your website, images are delivered from the nearest server location, reducing latency and improving loading speed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Popular CDN services include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cloudflare<\/li>\n\n\n\n<li>Bunny CDN<\/li>\n\n\n\n<li>ImageKit<\/li>\n\n\n\n<li>Cloudinary<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Many websites hosted on mybox can benefit from combining image optimization with Cloudflare&#8217;s image delivery and caching features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimize_Images_in_WordPress\"><\/span>Optimize Images in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If your website uses WordPress, several plugins can automate image optimization:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>LiteSpeed Cache<\/li>\n\n\n\n<li>ShortPixel<\/li>\n\n\n\n<li>Imagify<\/li>\n\n\n\n<li>Smush<\/li>\n\n\n\n<li>EWWW Image Optimizer<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These plugins can automatically:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compress uploaded images<\/li>\n\n\n\n<li>Convert images to WebP<\/li>\n\n\n\n<li>Generate responsive image versions<\/li>\n\n\n\n<li>Serve optimized images to visitors<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Monitor_Your_Results\"><\/span>Monitor Your Results<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After optimizing your images, test your website using tools such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google PageSpeed Insights<\/li>\n\n\n\n<li>GTmetrix<\/li>\n\n\n\n<li>Pingdom Website Speed Test<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These tools can help identify oversized images and other performance issues that may affect your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Summary\"><\/span>Summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Image optimization is one of the easiest ways to improve website performance. Using modern image formats such as WebP and AVIF, compressing files before upload, enabling lazy loading, and serving images through a CDN can significantly reduce page load times and improve the overall user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Even small reductions in image size can lead to faster websites, better SEO results, and higher visitor engagement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[125],"manual_kb_tag":[937,4668,4913,4914,6329,7440,7441,7442,7443,369],"class_list":["post-8462","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-websites","manual_kb_tag-content-delivery-network","manual_kb_tag-image-compression","manual_kb_tag-jpeg-format","manual_kb_tag-webp-format","manual_kb_tag-lazy-loading","manual_kb_tag-responsive-images","manual_kb_tag-avif-format","manual_kb_tag-png-format","manual_kb_tag-image-resizing","manual_kb_tag-image-optimization"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8462","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8462\/revisions"}],"predecessor-version":[{"id":8463,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb\/8462\/revisions\/8463"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/media?parent=8462"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manualknowledgebasecat?post=8462"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/ro\/wp-json\/wp\/v2\/manual_kb_tag?post=8462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}