{"id":740122,"date":"2026-01-20T06:19:58","date_gmt":"2026-01-20T06:19:58","guid":{"rendered":"https:\/\/convertifypro.com\/?page_id=740122"},"modified":"2026-01-20T06:19:58","modified_gmt":"2026-01-20T06:19:58","slug":"image-compression-best-practices","status":"publish","type":"page","link":"https:\/\/convertifypro.com\/hr\/najbolji-postupci-kompresije-slike\/","title":{"rendered":"Najbolji postupci kompresije slike"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Master image compression with expert techniques for quality, file size, and format selection. Learn JPEG, PNG, and WEBP optimization strategies.\">\n    <meta name=\"keywords\" content=\"image compression, JPEG optimization, PNG compression, WEBP format, image quality, file size reduction, batch processing, web optimization\">\n    <title>Najbolji postupci kompresije slike: Potpuni vodi\u010d za optimizaciju<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* Main Styles *\/\n        :root {\n            --primary-color: #FD9800;\n            --primary-hover: #e88a00;\n            --text-color: #3A3A3A;\n            --light-bg: #f8faff;\n            --gradient-bg: linear-gradient(135deg, #f8faff 0%, #fff5e6 100%);\n            --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n            --hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n            --border-color: #f1f5f9;\n        }\n\n        .guide-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 2rem 1.5rem;\n            font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n            color: var(--text-color);\n        }\n\n        \/* Hero Section *\/\n        .hero-section {\n            text-align: center;\n            padding: 3rem 1rem;\n            margin-bottom: 3rem;\n            background: var(--gradient-bg);\n            border-radius: 16px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            opacity: 0.5;\n            z-index: 0;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .hero-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            margin-bottom: 1.5rem;\n            color: var(--text-color);\n        }\n\n        .hero-subtitle {\n            font-size: 1.25rem;\n            margin-bottom: 2rem;\n            color: var(--text-color);\n            line-height: 1.6;\n        }\n\n        .hero-badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .hero-badge {\n            display: flex;\n            align-items: center;\n            background: white;\n            border-radius: 50px;\n            padding: 0.5rem 1rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n        }\n\n        .hero-badge:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .hero-badge-icon {\n            color: var(--primary-color);\n            margin-right: 0.5rem;\n            font-size: 1rem;\n        }\n\n        .hero-badge-text {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: var(--text-color);\n        }\n\n        .hero-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 0.75rem 1.5rem;\n            border-radius: 8px;\n            font-weight: 600;\n            text-decoration: none !important;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            font-size: 1rem;\n        }\n\n        .btn-primary {\n            background-color: var(--primary-color);\n            color: white !important;\n            box-shadow: 0 8px 16px rgba(253, 152, 0, 0.2);\n            border: none;\n        }\n\n        .btn-primary:hover {\n            background-color: var(--primary-hover);\n            transform: translateY(-2px);\n            text-decoration: none !important;\n        }\n\n        .btn-secondary {\n            background-color: white;\n            color: var(--primary-color) !important;\n            border: 1px solid var(--border-color);\n        }\n\n        .btn-secondary:hover {\n            background-color: #fff5e6;\n            transform: translateY(-2px);\n            text-decoration: none !important;\n        }\n\n        \/* Features Section *\/\n        .features-section {\n            margin-bottom: 4rem;\n        }\n\n        .section-title {\n            font-size: 2.2rem;\n            font-weight: 700;\n            text-align: center;\n            margin-bottom: 2.5rem;\n            color: var(--text-color);\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .feature-card {\n            background: white;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .feature-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .feature-icon {\n            width: 60px;\n            height: 60px;\n            background-color: rgba(253, 152, 0, 0.15);\n            color: var(--primary-color);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 1.5rem;\n            font-size: 1.8rem;\n            transition: all 0.3s ease;\n        }\n\n        .feature-card:hover .feature-icon {\n            background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n            color: white;\n            box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n        }\n\n        .feature-content {\n            padding: 2rem;\n            flex-grow: 1;\n        }\n\n        .feature-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n        }\n\n        .feature-text {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n        }\n\n        .feature-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 0.75rem;\n            line-height: 1.5;\n        }\n\n        .feature-check {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            flex-shrink: 0;\n            margin-top: 0.2rem;\n        }\n\n        .feature-item-text {\n            font-size: 0.95rem;\n            color: var(--text-color);\n        }\n\n        \/* Why Convert Section *\/\n        .why-convert-section {\n            margin-bottom: 4rem;\n            background: var(--light-bg);\n            border-radius: 16px;\n            padding: 3rem 2rem;\n        }\n\n        .comparison-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .format-card {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n        }\n\n        .format-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .format-title {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 1.25rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .format-icon {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            font-size: 1.6rem;\n        }\n\n        .format-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .format-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 0.85rem;\n        }\n\n        .format-check {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            flex-shrink: 0;\n            margin-top: 0.2rem;\n        }\n\n        .format-text {\n            font-size: 0.95rem;\n            color: #555;\n            line-height: 1.5;\n        }\n\n        \/* How It Works Section *\/\n        .how-it-works-section {\n            margin-bottom: 4rem;\n        }\n\n        .steps-container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .step-card {\n            display: flex;\n            align-items: flex-start;\n            background: white;\n            border-radius: 16px;\n            padding: 2rem;\n            box-shadow: var(--box-shadow);\n            margin-bottom: 2rem;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .step-number {\n            width: 50px;\n            height: 50px;\n            background-color: rgba(253, 152, 0, 0.15);\n            color: var(--primary-color);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-right: 1.5rem;\n            flex-shrink: 0;\n            transition: all 0.3s ease;\n        }\n\n        .step-card:hover .step-number {\n            background: linear-gradient(135deg, #FD9800 0%, #FF6D00 100%);\n            color: white;\n            box-shadow: 0 10px 20px rgba(253, 152, 0, 0.2);\n        }\n\n        .step-content {\n            flex: 1;\n        }\n\n        .step-title {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 0.75rem;\n            color: var(--text-color);\n        }\n\n        .step-text {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* Use Cases Section *\/\n        .use-cases-section {\n            margin-bottom: 4rem;\n            background: var(--light-bg);\n            border-radius: 16px;\n            padding: 3rem 2rem;\n        }\n\n        .use-cases-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .use-case-card {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n            height: 100%;\n        }\n\n        .use-case-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .use-case-icon {\n            color: var(--primary-color);\n            font-size: 2rem;\n            margin-bottom: 1rem;\n        }\n\n        .use-case-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n        }\n\n        .use-case-text {\n            font-size: 0.95rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* FAQ Section *\/\n        .faq-section {\n            margin-bottom: 4rem;\n        }\n\n        .faq-container {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem 2rem;\n            box-shadow: var(--box-shadow);\n            margin-bottom: 1.5rem;\n            border: 1px solid var(--border-color);\n            transition: all 0.3s ease;\n        }\n\n        .faq-item:hover {\n            transform: translateY(-3px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .faq-question {\n            font-size: 1.2rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .faq-icon {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            font-size: 1.2rem;\n        }\n\n        .faq-answer {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* Technical Details Section *\/\n        .technical-details-section {\n            margin-bottom: 4rem;\n        }\n\n        .technical-details-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .tech-detail-card {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n        }\n\n        .tech-detail-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .tech-detail-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .tech-detail-icon {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            font-size: 1.3rem;\n        }\n\n        .tech-detail-text {\n            font-size: 0.95rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* Security Section *\/\n        .security-section {\n            margin-bottom: 4rem;\n            background: var(--light-bg);\n            border-radius: 16px;\n            padding: 3rem 2rem;\n        }\n\n        .security-features {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .security-card {\n            background: white;\n            border-radius: 16px;\n            padding: 1.5rem;\n            box-shadow: var(--box-shadow);\n            transition: all 0.3s ease;\n            border: 1px solid var(--border-color);\n        }\n\n        .security-card:hover {\n            transform: translateY(-5px);\n            box-shadow: var(--hover-shadow);\n            border-color: rgba(253, 152, 0, 0.3);\n        }\n\n        .security-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--text-color);\n            display: flex;\n            align-items: center;\n        }\n\n        .security-icon {\n            color: var(--primary-color);\n            margin-right: 0.75rem;\n            font-size: 1.3rem;\n        }\n\n        .security-text {\n            font-size: 0.95rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* CTA Section *\/\n        .cta-section {\n            text-align: center;\n            padding: 3rem 1rem;\n            background: var(--gradient-bg);\n            border-radius: 16px;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 2rem;\n        }\n\n        .cta-pattern {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fd9800' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n            opacity: 0.5;\n            z-index: 0;\n        }\n\n        .cta-content {\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .cta-title {\n            font-size: 2.2rem;\n            font-weight: 700;\n            margin-bottom: 1.5rem;\n            color: var(--text-color);\n        }\n\n        .cta-text {\n            font-size: 1.1rem;\n            margin-bottom: 2rem;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* Guide-specific Styles *\/\n        .guide-content {\n            background: white;\n            border-radius: 16px;\n            padding: 2rem;\n            margin-bottom: 2rem;\n            box-shadow: var(--box-shadow);\n            border: 1px solid var(--border-color);\n        }\n\n        .guide-section-title {\n            font-size: 1.6rem;\n            font-weight: 700;\n            color: var(--text-color);\n            margin-bottom: 1rem;\n        }\n\n        .guide-text {\n            font-size: 1rem;\n            color: #555;\n            line-height: 1.8;\n            margin-bottom: 1rem;\n        }\n\n        .guide-list {\n            list-style: none;\n            padding: 0;\n            margin: 1rem 0;\n        }\n\n        .guide-list-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 0.75rem;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .guide-list-item::before {\n            content: \"\u2022\";\n            color: var(--primary-color);\n            font-weight: bold;\n            position: absolute;\n            left: 0;\n        }\n\n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 2.2rem;\n            }\n\n            .section-title {\n                font-size: 1.8rem;\n            }\n\n            .cta-title {\n                font-size: 1.8rem;\n            }\n\n            .features-grid {\n                grid-template-columns: 1fr;\n                max-width: 500px;\n                margin: 0 auto;\n            }\n\n            .step-card {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .step-number {\n                margin-bottom: 1rem;\n                margin-right: 0;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 1.8rem;\n            }\n\n            .hero-subtitle {\n                font-size: 1.1rem;\n            }\n\n            .section-title {\n                font-size: 1.6rem;\n            }\n\n            .feature-content {\n                padding: 1.5rem;\n            }\n\n            .step-card {\n                padding: 1.5rem;\n            }\n\n            .faq-item {\n                padding: 1.25rem;\n            }\n        }\n\n        \/* Button text should never be underlined *\/\n        .btn:hover, .btn:focus, .btn:active {\n            text-decoration: none !important;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"guide-section\">\n        <!-- Hero Section -->\n        <section class=\"hero-section\">\n            <div class=\"hero-pattern\"><\/div>\n            <div class=\"hero-content\">\n                <h1 class=\"hero-title\">Najbolji postupci kompresije slike<\/h1>\n                <p class=\"hero-subtitle\">Sveobuhvatan vodi\u010d koji \u0107e vam pomo\u0107i razumjeti najbolje prakse kompresije slike.<\/p>\n\n                <div class=\"hero-badges\">\n                    <div class=\"hero-badge\">\n                        <span class=\"hero-badge-icon\"><i class=\"fas fa-clock\"><\/i><\/span>\n                        <span class=\"hero-badge-text\">12 min \u010ditanja<\/span>\n                    <\/div>\n                    <div class=\"hero-badge\">\n                        <span class=\"hero-badge-icon\"><i class=\"fas fa-book\"><\/i><\/span>\n                        <span class=\"hero-badge-text\">Obrazovni vodi\u010d<\/span>\n                    <\/div>\n                    <div class=\"hero-badge\">\n                        <span class=\"hero-badge-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/span>\n                        <span class=\"hero-badge-text\">Savjeti stru\u010dnjaka<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"hero-buttons\">\n                    <a href=\"#content\" class=\"btn btn-primary\">Po\u010dnite \u010ditati<\/a>\n                    <a href=\"\/download\" class=\"btn btn-secondary\">Preuzmite Convertify<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Razumijevanje osnova kompresije slike<\/h2>\n            <p class=\"guide-text\">Kompresija slike je proces smanjenja veli\u010dine datoteke uz zadr\u017eavanje prihvatljive vizualne kvalitete. Postoje dvije glavne vrste: kompresija s gubitkom, koja trajno uklanja neke slikovne podatke kako bi se postigle manje datoteke, i kompresija bez gubitaka, koja smanjuje veli\u010dinu datoteke bez gubitka kvalitete. Razumijevanje ove razlike klju\u010dno je za odabir prave metode kompresije za va\u0161e specifi\u010dne potrebe.\n\nIzbor izme\u0111u kompresije s gubitkom i kompresije bez gubitka ovisi o namjeni va\u0161e slike. Formati s gubitkom kao \u0161to je JPEG idealni su za fotografije kod kojih je prihvatljivo blago smanjenje kvalitete u zamjenu za znatno manje veli\u010dine datoteka. Formati bez gubitaka poput PNG bolji su za grafike s o\u0161trim rubovima, tekstom ili kada trebate sa\u010duvati svaki detalj. WEBP nudi i na\u010din rada s gubitkom i na\u010din rada bez gubitka, \u0161to ga \u010dini sve popularnijim za web aplikacije.\n\nU\u010dinkovitost kompresije mjeri se ravnote\u017eom izme\u0111u smanjenja veli\u010dine datoteke i zadr\u017eavanja vizualne kvalitete. Moderni algoritmi kompresije koriste sofisticirane tehnike kao \u0161to su diskretne kosinusne transformacije, kodiranje predvi\u0111anja i entropijsko kodiranje za postizanje optimalnih rezultata. Razumijevanje ovih osnova poma\u017ee vam u dono\u0161enju informiranih odluka o tome koje postavke kompresije i formate koristiti za razli\u010dite scenarije.<\/p>\n            <ul class='guide-list'><li class='guide-list-item'>Kompresija s gubitkom trajno uklanja podatke, ali stvara manje datoteke<\/li><li class='guide-list-item'>Kompresija bez gubitaka \u010duva sve izvorne podatke<\/li><li class='guide-list-item'>Moderni formati kao \u0161to je WEBP nude oba na\u010dina kompresije<\/li><li class='guide-list-item'>U\u010dinkovitost kompresije ovisi o sadr\u017eaju slike i namjeni<\/li><\/ul>\n        <\/div>\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Odabir pravog formata slike<\/h2>\n            <p class=\"guide-text\">Odabir odgovaraju\u0107eg formata slike klju\u010dan je za optimalne rezultate kompresije. JPEG ostaje standard za fotografije i slike s postupnim prijelazima boja, nude\u0107i izvrsne omjere kompresije uz zadr\u017eavanje dobre vizualne kvalitete. Format je izvrstan u komprimiranju slo\u017eenih scena s mnogo boja, ali mu\u010di se s o\u0161trim rubovima i tekstom, \u010desto stvaraju\u0107i vidljive artefakte oko podru\u010dja visokog kontrasta.\n\nPNG je preferirani izbor za slike koje zahtijevaju prozirnost, grafike s o\u0161trim rubovima, snimke zaslona i slike s ograni\u010denom paletom boja. Iako su PNG datoteke obi\u010dno ve\u0107e od JPEG datoteka, one \u010duvaju o\u0161tre detalje i podr\u017eavaju alfa kanale. Za web grafiku, logotipe i ilustracije PNG \u010desto pru\u017ea najbolju ravnote\u017eu kvalitete i kompatibilnosti na razli\u010ditim platformama i preglednicima.\n\nWEBP i AVIF predstavljaju sljede\u0107u generaciju slikovnih formata, nude\u0107i vrhunsku u\u010dinkovitost kompresije u usporedbi s tradicionalnim formatima. WEBP mo\u017ee smanjiti veli\u010dinu datoteke za 25-50% u usporedbi s JPEG-om uz zadr\u017eavanje sli\u010dne kvalitete i podr\u017eava kompresiju s gubitkom i bez gubitka plus transparentnost. AVIF pru\u017ea jo\u0161 bolju kompresiju, ali ima ograni\u010denu podr\u0161ku preglednika. Prilikom odabira formata uzmite u obzir kompatibilnost preglednika va\u0161e publike uz u\u010dinkovitost kompresije.<\/p>\n            <ul class='guide-list'><li class='guide-list-item'>JPEG je odli\u010dan za fotografije sa slo\u017eenim prijelazima boja<\/li><li class='guide-list-item'>PNG je idealan za grafike, logotipe i slike koje zahtijevaju transparentnost<\/li><li class='guide-list-item'>WEBP nudi vrhunsku kompresiju uz sve ve\u0107u podr\u0161ku preglednika<\/li><li class='guide-list-item'>AVIF pru\u017ea vrhunsku kompresiju, ali ograni\u010denu kompatibilnost<\/li><\/ul>\n        <\/div>\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Optimiziranje postavki i parametara kvalitete<\/h2>\n            <p class=\"guide-text\">Postavke kvalitete zna\u010dajno utje\u010du na veli\u010dinu datoteke i vizualni izgled. Za JPEG kompresiju, razine kvalitete obi\u010dno se kre\u0107u od 0-100, gdje 85-95 pru\u017ea izvrsnu kvalitetu za ve\u0107inu fotografija, 75-85 nudi dobru kvalitetu s primjetnim smanjenjem veli\u010dine, a ispod 75 mo\u017ee dovesti do vidljivih artefakata. Optimalna postavka ovisi o sadr\u017eaju slike i kontekstu gledanja \u2013 slike koje se gledaju na mobilnim ure\u0111ajima \u010desto mogu koristiti postavke ni\u017ee kvalitete od onih prikazanih na monitorima visoke razlu\u010divosti.\n\nNapredni parametri kompresije mogu dodatno optimizirati rezultate. Progresivno JPEG kodiranje u\u010ditava slike u vi\u0161e prolaza, pobolj\u0161avaju\u0107i percipiranu brzinu u\u010ditavanja za web aplikacije. Chroma poduzorkovanje smanjuje informacije o boji uz o\u010duvanje svjetline, iskori\u0161tavaju\u0107i ljudsku vizualnu percepciju za postizanje manjih datoteka. Za PNG kompresiju, pode\u0161avanje razine kompresije (0-9) utje\u010de na vrijeme obrade i veli\u010dinu datoteke, pri \u010demu razina 6 obi\u010dno nudi najbolju ravnote\u017eu.\n\nSkupna obrada s dosljednim postavkama kvalitete osigurava ujedna\u010dene rezultate u velikim zbirkama slika. Kada obra\u0111ujete vi\u0161e slika, uspostavite standarde kvalitete na temelju va\u0161eg specifi\u010dnog slu\u010daja upotrebe \u2013 fotografije proizvoda e-trgovine mogu zahtijevati vi\u0161u kvalitetu (90-95) od minijatura dru\u0161tvenih medija (70-80). Testiranje razli\u010ditih postavki s reprezentativnim slikama poma\u017ee u uspostavljanju optimalnih parametara za va\u0161 tijek rada.<\/p>\n            \n        <\/div>\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Optimizacija razlu\u010divosti i dimenzija<\/h2>\n            <p class=\"guide-text\">Dimenzije slike izravno utje\u010du na veli\u010dinu datoteke, \u010desto dramati\u010dnije od postavki kvalitete kompresije. Smanjenje dimenzija slike za 50% mo\u017ee smanjiti veli\u010dinu datoteke do 75%, \u0161to pravilnu veli\u010dinu \u010dini klju\u010dnom za web optimizaciju i u\u010dinkovitost pohrane. Uvijek promijenite veli\u010dinu slika na njihove maksimalne dimenzije za prikaz umjesto da se oslanjate na HTML ili CSS da ih smanjite, jer preglednici i dalje preuzimaju datoteke pune rezolucije.\n\nOdaberite odgovaraju\u0107e razlu\u010divosti za razli\u010dite slu\u010dajeve upotrebe: web slike rijetko trebaju vi\u0161e od 72-150 PPI, dok ispisni materijali zahtijevaju 300 PPI ili vi\u0161e. Platforme dru\u0161tvenih medija imaju posebne zahtjeve za dimenzijama \u2013 postovi na Instagramu najbolje funkcioniraju na 1080&#215;1080 piksela, dok bi naslovne fotografije na Facebooku trebale biti 820&#215;312 piksela. Uskla\u0111ivanje va\u0161ih slika sa specifikacijama platforme sprje\u010dava nepotrebnu kompresiju od strane algoritama dru\u0161tvenih medija.\n\nZa responzivni web dizajn razmislite o stvaranju vi\u0161e veli\u010dina slika za poslu\u017eivanje odgovaraju\u0107ih verzija na temelju mogu\u0107nosti ure\u0111aja. Moderne tehnike poput responzivnih slika s atributima srcset omogu\u0107uju preglednicima preuzimanje najprikladnije veli\u010dine slike. Ovaj pristup smanjuje upotrebu propusnosti na mobilnim ure\u0111ajima, a istovremeno odr\u017eava kvalitetu na zaslonima visoke razlu\u010divosti.<\/p>\n            <ul class='guide-list'><li class='guide-list-item'>Promijenite veli\u010dinu slika na maksimalne dimenzije prikaza prije kompresije<\/li><li class='guide-list-item'>Koristite 72-150 PPI za web, 300+ PPI za ispis<\/li><li class='guide-list-item'>Uskladite specifikacije platforme dru\u0161tvenih medija kako biste izbjegli ponovno sa\u017eimanje<\/li><li class='guide-list-item'>Implementirajte responzivne slike za optimalnu izvedbu na razli\u010ditim ure\u0111ajima<\/li><\/ul>\n        <\/div>\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Skupna obrada i optimizacija tijeka rada<\/h2>\n            <p class=\"guide-text\">U\u010dinkovita skupna obrada pojednostavljuje radne tijekove kompresije slika, posebno pri rukovanju velikim koli\u010dinama slika. Uspostava dosljednih konvencija imenovanja, struktura mapa i parametara obrade osigurava predvidljive rezultate u cijeloj va\u0161oj biblioteci slika. Stvorite predlo\u0161ke za razli\u010dite slu\u010dajeve upotrebe \u2013 jedan za web sli\u010dice, drugi za slike spremne za ispis i tre\u0107i za sadr\u017eaj dru\u0161tvenih medija.\n\nAlati za automatizaciju mogu zna\u010dajno smanjiti ru\u010dni napor uz odr\u017eavanje dosljednosti. Mnoge aplikacije za obradu slika podr\u017eavaju skupne operacije koje mogu promijeniti veli\u010dinu, komprimirati i pretvoriti formate istovremeno. Kada postavljate automatizirane tijekove rada, uklju\u010dite kontrolne to\u010dke kontrole kvalitete kako biste potvrdili da rezultati zadovoljavaju va\u0161e standarde. Razmislite o stvaranju razli\u010ditih profila obrade za razli\u010dite vrste slika \u2013 portreti mogu koristiti druga\u010dije postavke od pejza\u017ea ili fotografije proizvoda.\n\nOrganizacija datoteka postaje sve va\u017enija s velikim zbirkama slika. Implementirajte kontrolu verzija dr\u017ee\u0107i izvorne datoteke odvojene od obra\u0111enih verzija i koristite opisne nazive datoteka koji uklju\u010duju relevantne metapodatke poput dimenzija, postavki kvalitete ili namjene. Ovaj pristup sprje\u010dava slu\u010dajno prepisivanje preko originala i olak\u0161ava ponovnu obradu slika s razli\u010ditim postavkama kada se zahtjevi promijene.<\/p>\n            \n        <\/div>\n        <div class=\"guide-content\">\n            <h2 class=\"guide-section-title\">Napredne tehnike optimizacije<\/h2>\n            <p class=\"guide-text\">Uklanjanje metapodataka mo\u017ee zna\u010dajno smanjiti veli\u010dinu datoteke bez utjecaja na vizualnu kvalitetu. Digitalni fotoaparati i softver za ure\u0111ivanje ugra\u0111uju opse\u017ene EXIF \u200b\u200bpodatke, profile boja i sli\u010dice koje mogu biti nepotrebne za kona\u010dni ispis. Uklanjanje ovih metapodataka mo\u017ee smanjiti veli\u010dinu datoteke za 10-30%, osobito va\u017eno za web aplikacije gdje svaki kilobajt utje\u010de na brzinu u\u010ditavanja.\n\nOptimizacija prostora boja nudi dodatne mogu\u0107nosti kompresije. Pretvaranje slika iz \u0161irokih prostora boja kao \u0161to je Adobe RGB u sRGB mo\u017ee smanjiti veli\u010dinu datoteka uz zadr\u017eavanje kompatibilnosti s web-preglednicima i mobilnim ure\u0111ajima. Ve\u0107ina web zaslona ionako ne mo\u017ee reproducirati pro\u0161irene gamute boja, \u0161to ovu pretvorbu \u010dini korisnom za online upotrebu. Me\u0111utim, sa\u010duvajte izvorne prostore boja za aplikacije ispisa gdje je to\u010dnost boja kriti\u010dna.\n\nPrilagodljive tehnike kompresije prilago\u0111avaju postavke na temelju analize sadr\u017eaja slike. Neki suvremeni alati automatski detektiraju podru\u010dja s visokim detaljima i primjenjuju manje agresivnu kompresiju kako bi sa\u010duvali va\u017ene vizualne elemente dok ja\u010de komprimiraju uniformna podru\u010dja. Ovaj inteligentni pristup mo\u017ee posti\u0107i bolju perceptivnu kvalitetu pri istoj veli\u010dini datoteke u usporedbi s jednoobraznim postavkama kompresije primijenjenim na cijelu sliku.<\/p>\n            \n        <\/div>\n\n\n        <!-- Features Section -->\n        <section class=\"features-section\">\n            <h2 class=\"section-title\">Klju\u010dni podaci za van<\/h2>\n\n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-content\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fas fa-balance-scale\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">Uravnote\u017eite kvalitetu i veli\u010dinu datoteke<\/h3>\n                        <p class=\"feature-text\">Klju\u010d u\u010dinkovite kompresije slike je pronala\u017eenje optimalne ravnote\u017ee izme\u0111u vizualne kvalitete i veli\u010dine datoteke za va\u0161 specifi\u010dni slu\u010daj upotrebe<\/p>\n                        <ul class=\"feature-list\">\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Testirajte razli\u010dite postavke kvalitete kako biste prona\u0161li svoju optimalnu ravnote\u017eu<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Razmotrite gledanje konteksta kada postavljate razine kompresije<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Ve\u0107a kompresija za minijature, umjerena za glavne slike<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-content\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fas fa-bullseye\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">Odaberite format na temelju sadr\u017eaja<\/h3>\n                        <p class=\"feature-text\">Razli\u010dite vrste slika zahtijevaju razli\u010dite pristupe kompresiji za optimalne rezultate<\/p>\n                        <ul class=\"feature-list\">\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">JPEG za fotografije slo\u017eenih boja<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">PNG za potrebe grafike, logotipa i prozirnosti<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Razmotrite moderne formate kao \u0161to je WEBP za bolju u\u010dinkovitost<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-content\">\n                        <div class=\"feature-icon\">\n                            <i class=\"fas fa-expand-arrows-alt\"><\/i>\n                        <\/div>\n                        <h3 class=\"feature-title\">Najprije optimizirajte dimenzije<\/h3>\n                        <p class=\"feature-text\">Ispravna veli\u010dina slike \u010desto omogu\u0107uje ve\u0107e smanjenje veli\u010dine datoteke nego prilagodbe kvalitete kompresije<\/p>\n                        <ul class=\"feature-list\">\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Prije sa\u017eimanja promijenite veli\u010dinu na maksimalne dimenzije prikaza<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Koristite odgovaraju\u0107u rezoluciju za izlazni medij<\/span>\n                            <\/li>\n                            <li class=\"feature-item\">\n                                <span class=\"feature-check\"><i class=\"fas fa-check-circle\"><\/i><\/span>\n                                <span class=\"feature-item-text\">Implementirajte responzivne slike za web aplikacije<\/span>\n                            <\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- FAQ Section -->\n        <section class=\"faq-section\">\n            <h2 class=\"section-title\">\u010cesto postavljana pitanja<\/h2>\n\n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Koja je razlika izme\u0111u kompresije bez gubitaka i kompresije bez gubitaka?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Kompresija s gubitkom trajno uklanja slikovne podatke kako bi se postigla manja veli\u010dina datoteke, potencijalno smanjuju\u0107i vizualnu kvalitetu. Kompresija bez gubitaka smanjuje veli\u010dinu datoteke bez gubitka kvalitete kori\u0161tenjem u\u010dinkovitijeg kodiranja podataka. JPEG koristi kompresiju bez gubitaka, dok PNG koristi kompresiju bez gubitaka.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Koju postavku kvalitete JPEG trebam koristiti?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Za ve\u0107inu fotografija, postavke kvalitete izme\u0111u 85-95 daju izvrsne rezultate. Koristite 90-95 za visokokvalitetne aplikacije, 80-85 za op\u0107u upotrebu na webu i 70-80 za minijature ili slike optimizirane za mobilne ure\u0111aje. Uvijek testirajte sa svojim specifi\u010dnim slikama kako biste prona\u0161li optimalnu postavku.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Kada trebam koristiti PNG umjesto JPEG-a?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Koristite PNG za slike s o\u0161trim rubovima, tekst, logotipe, grafike s ograni\u010denim bojama ili kada vam je potrebna podr\u0161ka za transparentnost. PNG je tako\u0111er bolji za slike koje \u0107e se ure\u0111ivati \u200b\u200bvi\u0161e puta jer ne stvara artefakte kompresije pri svakom spremanju.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Koliko mogu smanjiti veli\u010dinu slikovne datoteke kompresijom?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Smanjenje veli\u010dine datoteke uvelike varira ovisno o sadr\u017eaju slike i postavkama. Uobi\u010dajena JPEG kompresija mo\u017ee smanjiti datoteke za 80-95% u usporedbi s nekomprimiranim slikama, dok PNG kompresija obi\u010dno posti\u017ee smanjenje od 10-30%. Kombiniranje kompresije s odgovaraju\u0107om promjenom veli\u010dine mo\u017ee posti\u0107i jo\u0161 ve\u0107a smanjenja.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Trebam li ukloniti metapodatke sa svojih slika?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Za web upotrebu, uklanjanje metapodataka (EXIF podaci, profili boja, minijature) mo\u017ee smanjiti veli\u010dinu datoteke za 10-30% bez utjecaja na vizualnu kvalitetu. Me\u0111utim, sa\u010duvajte metapodatke netaknutima za potrebe arhiviranja ili kada su va\u017ene informacije o autorskim pravima i postavkama kamere.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Koji je najbolji format slike za web upotrebu?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>JPEG ostaje izvrstan za fotografije, PNG za grafike i slike koje zahtijevaju transparentnost. WEBP nudi vrhunsku kompresiju i preglednici ga sve vi\u0161e podr\u017eavaju. Uzmite u obzir kompatibilnost preglednika va\u0161e publike kada birate moderne formate kao \u0161to su WEBP ili AVIF.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Kako mogu odr\u017eati kvalitetu slike tijekom skupne obrade?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Koristite dosljedne postavke kvalitete prikladne za va\u0161 slu\u010daj upotrebe, prvo testirajte s reprezentativnim uzorcima, odr\u017eavajte odvojene mape za originale i obra\u0111ene slike i implementirajte provjere kontrole kvalitete tijekom cijelog tijeka rada.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <h3 class=\"faq-question\">\n                        <span class=\"faq-icon\"><i class=\"fas fa-question-circle\"><\/i><\/span>\n                        Koju rezoluciju trebam koristiti za razli\u010dite platforme?\n                    <\/h3>\n                    <div class=\"faq-answer\">\n                        <p>Web slike obi\u010dno trebaju 72-150 PPI, materijali za ispis zahtijevaju 300+ PPI. Za dru\u0161tvene medije uskladite specifikacije platforme: Instagram postovi na 1080x1080px, Facebook naslovnice na 820x312px. Uvijek provjerite trenutne zahtjeve platforme jer se povremeno mijenjaju.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- CTA Section -->\n        <section class=\"cta-section\">\n            <div class=\"cta-pattern\"><\/div>\n            <div class=\"cta-content\">\n                <h2 class=\"cta-title\">Primijenite svoje znanje u praksi<\/h2>\n                <p class=\"cta-text\">Sada kada ste razumjeli koncepte, poku\u0161ajte Convertify primijeniti ono \u0161to ste nau\u010dili. Besplatne, neograni\u010dene konverzije bez potrebe za ra\u010dunom.<\/p>\n                <div class=\"hero-buttons\">\n                    <a href=\"\/download\" class=\"btn btn-primary\">Preuzmite Convertify besplatno<\/a>\n                    <a href=\"\/guides\" class=\"btn btn-secondary\">Vi\u0161e vodi\u010da<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Najbolji postupci kompresije slike: Potpuni vodi\u010d za optimizaciju Najbolji postupci kompresije slike Sveobuhvatan vodi\u010d koji \u0107e vam pomo\u0107i razumjeti najbolje [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-740122","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"convertify","author_link":"https:\/\/convertifypro.com\/author\/convertifypro\/"},"uagb_comment_info":0,"uagb_excerpt":"Najbolji postupci kompresije slike: Potpuni vodi\u010d za optimizaciju Najbolji postupci kompresije slike Sveobuhvatan vodi\u010d koji \u0107e vam pomo\u0107i razumjeti najbolje [&hellip;]","_links":{"self":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/740122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/comments?post=740122"}],"version-history":[{"count":0,"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/pages\/740122\/revisions"}],"wp:attachment":[{"href":"https:\/\/convertifypro.com\/wp-json\/wp\/v2\/media?parent=740122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}