{"id":859,"date":"2025-03-13T10:27:58","date_gmt":"2025-03-13T10:27:58","guid":{"rendered":"https:\/\/orkenyi.hu\/?p=859"},"modified":"2025-03-13T11:18:02","modified_gmt":"2025-03-13T11:18:02","slug":"kepek-optimalizalasa-weboldalakhoz-a-legjobb-modszer-amit-en-hasznalok","status":"publish","type":"post","link":"https:\/\/orkenyi.hu\/en\/kepek-optimalizalasa-weboldalakhoz-a-legjobb-modszer-amit-en-hasznalok\/","title":{"rendered":"Optimizing Images for Websites \u2013 The Best Method I Use"},"content":{"rendered":"<p>If you want a faster website, <strong>Optimizing images is one of the most important steps<\/strong>. Poorly managed images will slow down your site, which will degrade the user experience and Google will rank you lower. I did a lot of testing and found a way to produce the best quality images possible, but in the smallest size.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1. Where do you get good pictures?<\/strong><\/h2>\n\n\n\n<p>The source of the images is key. There are several options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Free stock photo sites:<\/strong>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.freepik.com\">Freepik<\/a> \u2013 lots of free and paid images.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.pexels.com\/hu-hu\/\">Pexels<\/a> \u2013 high quality photos.<\/li>\n\n\n\n<li><a>Pixabay<\/a> \u2013 free images and vector graphics.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Paid stock photo sites:<\/strong>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.shutterstock.com\">Shutterstock<\/a> \u2013 huge selection, but more expensive.<\/li>\n\n\n\n<li><a href=\"https:\/\/stock.adobe.com\">Adobe Stock<\/a> \u2013 professional images, easy to use with editing programs.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Pictures received from customer<\/strong> \u2013 if the client sends their own photos, they also need to be optimized.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2. The editing process<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Uniform sizing<\/strong> \u2013 Me <strong>Figma<\/strong>I set the images to a fixed size because that way everything will be consistent on the website.<\/li>\n\n\n\n<li><strong>Post-production<\/strong> \u2013 If necessary, <strong>Adobe Photoshop<\/strong> or I fine-tune the image with another editing program.<\/li>\n\n\n\n<li><strong>Save as PNG<\/strong> &quot;This is important because&quot; <strong>I got the best results by converting from PNG to WebP<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>TIP: Previously <a href=\"https:\/\/orkenyi.hu\/en\/kepszerkeszto\/\" data-type=\"post\" data-id=\"725\">I wrote a useful article.<\/a> a legjobb k\u00e9pszerkeszt\u0151 programokr\u00f3l! ;)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3. Image format and image optimization<\/strong><\/h2>\n\n\n\n<p>Many people say that <strong>JPG is better because it is smaller<\/strong>, but I <strong>I have found through my own testing that converting from PNG to WebP gives the best quality and smallest size images.<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> If <strong>Converting from JPG to WebP<\/strong>, then the file size will be larger for some reason than if <strong>I&#039;ll make it from PNG<\/strong>.<\/li>\n\n\n\n<li> <strong>With PNG \u2192 WebP conversion<\/strong> incredibly small, <strong>average size 10-100 KB<\/strong> I can create images while the quality remains almost perfect.<\/li>\n\n\n\n<li> <strong>This may be just a coincidence, but it worked for me.<\/strong>, and it made my site significantly faster.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4. How do I convert images?<\/strong><\/h2>\n\n\n\n<p>I am the <strong><a href=\"https:\/\/cloudconvert.com\/\">CloudConvert<\/a><\/strong> I use a tool called .<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Free version<\/strong>: 10 conversions per day.<\/li>\n\n\n\n<li><strong>Paid version<\/strong>: For 10,000 HUF approx. 500 conversions (one image is less than 1 credit).<\/li>\n\n\n\n<li><strong>It does fast and high-quality WebP conversion.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"480\" style=\"aspect-ratio: 852 \/ 480;\" width=\"852\" controls src=\"https:\/\/orkenyi.hu\/wp-content\/uploads\/2025\/03\/Untitled-video-Made-with-Clipchamp.mp4\"><\/video><\/figure>\n\n\n\n<p>The size of the converted images is thus significantly reduced, which <strong>brutal acceleration<\/strong> results on the website. If it is in a gallery <strong>10-20 pictures<\/strong>, then a poorly optimized page can be more megabytes, while <strong>with this method the whole thing will only be a few hundred KB<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5. Benefits of a fast page<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong>Better Google ranking<\/strong> \u2013 Google loves fast pages.<\/li>\n\n\n\n<li> <strong>Better user experience<\/strong> \u2013 People don\u2019t wait for slow-loading images.<\/li>\n\n\n\n<li> <strong>Less server usage<\/strong> \u2013 Smaller images require fewer resources.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Stuck with uploading images?<\/strong><\/h3>\n\n\n\n<p>If the images on your page are too large and the different <strong>Google SpeedTest tools show that images are slowing down your site<\/strong>, then <a href=\"https:\/\/orkenyi.hu\/en\/kapcsolat\/\" data-type=\"page\" data-id=\"40\"><strong>Find me and I&#039;ll help you optimize your images.<\/strong>!<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Ha gyorsabb weboldalt akarsz, a k\u00e9pek optimaliz\u00e1l\u00e1sa az egyik legfontosabb l\u00e9p\u00e9s. Rosszul kezelt k\u00e9pekkel az oldalad lass\u00fa lesz, ami rontja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt \u00e9s a Google is h\u00e1tr\u00e9bb sorol. \u00c9n rengeteg tesztet v\u00e9geztem, \u00e9s megtal\u00e1ltam azt a m\u00f3dszert, amivel a lehet\u0151 legjobb min\u0151s\u00e9g\u0171, de legkisebb m\u00e9ret\u0171 k\u00e9peket lehet el\u0151\u00e1ll\u00edtani. 1. Honnan szerezz be j\u00f3 k\u00e9peket? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":866,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"K\u00e9pek optimaliz\u00e1l\u00e1sa weboldalakhoz \u2013 Gyorsabb bet\u00f6lt\u00e9s, jobb SEO","_seopress_titles_desc":"Tanuld meg, hogyan optimaliz\u00e1lhatod a k\u00e9peket a weboldaladon, hogy gyorsabb legyen a bet\u00f6lt\u00e9s \u00e9s jobb helyez\u00e9st \u00e9rj el a Google keres\u0151ben.","_seopress_robots_index":"","footnotes":""},"categories":[1],"tags":[],"temakor":[],"class_list":["post-859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/comments?post=859"}],"version-history":[{"count":8,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/859\/revisions"}],"predecessor-version":[{"id":886,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/859\/revisions\/886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/media\/866"}],"wp:attachment":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/media?parent=859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/categories?post=859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/tags?post=859"},{"taxonomy":"temakor","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/temakor?post=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}