{"id":2419,"date":"2025-08-06T03:27:27","date_gmt":"2025-08-06T03:27:27","guid":{"rendered":"https:\/\/ocr365.com\/?page_id=2419"},"modified":"2025-08-06T03:28:11","modified_gmt":"2025-08-06T03:28:11","slug":"komprimovat-png","status":"publish","type":"page","link":"https:\/\/ocr365.com\/sk\/compress-png\/","title":{"rendered":"Kompresia PNG"},"content":{"rendered":"<div class=\"compress-jpg-container\">\n    <style>\n        \/* Global styles for all panels *\/\n        .compress-jpg-container {\n            max-width: 1200px !important;\n            width: 100% !important;\n            margin-left: auto !important;\n            margin-right: auto !important;\n        }\n        \n        .compress-jpg-app {\n            width: 100% !important;\n            max-width: 100% !important;\n            background: transparent !important;\n            box-shadow: none !important;\n        }\n        \n        .compress-jpg-panel {\n            width: 100% !important;\n            max-width: 1200px !important;\n            margin: 0 auto !important;\n            padding: 30px !important;\n        }\n        \n        .compress-jpg-container #preview-panel, \n        .compress-jpg-container #process-panel, \n        .compress-jpg-container #download-panel {\n            background-color: #fff !important;\n            box-shadow: 0 8px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;\n            border: 1px solid #939598 !important;\n            border-radius: 12px !important;\n        }\n        \n        #upload-panel {\n            background: transparent !important;\n            box-shadow: none !important;\n            border-radius: 0 !important;\n            padding: 0 !important;\n        }\n    <\/style>\n    <div class=\"compress-jpg-app\">\n        <!-- STEP 1: Upload Interface -->\n        <div class=\"compress-jpg-panel active\" id=\"upload-panel\">\n            <style>\n                \/* Custom H1 and description styles *\/\n                .compress-jpg-heading-section {\n                    max-width: 1000px;\n                    margin: 0 auto 30px;\n                    text-align: center;\n                }\n                \n                .compress-jpg-heading {\n                    font-size: 42px;\n                    font-weight: 700;\n                    margin-bottom: 15px;\n                    line-height: 1.2;\n                    color: #1f2937;\n                }\n                \n                .compress-jpg-description {\n                    font-size: 18px;\n                    line-height: 1.6;\n                    color: #4b5563;\n                    margin-bottom: 30px;\n                }\n                \n                \/* Responsive styles for heading section *\/\n                @media (max-width: 768px) {\n                    .compress-jpg-heading {\n                        font-size: 32px;\n                    }\n                    \n                    .compress-jpg-description {\n                        font-size: 16px;\n                    }\n                }\n                \n                @media (max-width: 480px) {\n                    .compress-jpg-heading {\n                        font-size: 28px;\n                    }\n                    \n                    .compress-jpg-description {\n                        font-size: 15px;\n                    }\n                }\n                \n                \/* Inline styles to ensure correct appearance of upload area *\/\n                .ic-upload-area {\n                    width: 100%;\n                    max-width: 1000px;\n                    margin: 0 auto;\n                    position: relative;\n                }\n                \n                .ic-upload-container {\n                    background-color: #0052d9;\n                    border-radius: 12px;\n                    height: 300px;\n                    display: flex;\n                    flex-direction: column;\n                    align-items: center;\n                    justify-content: center;\n                    position: relative;\n                    overflow: hidden;\n                    outline: 1px dashed #ffffffd9;\n                    outline-offset: -14px;\n                }\n                \n                \/* Drag and drop styles *\/\n                .ic-upload-container.dragover {\n                    background-color: #0046bc;\n                    outline: 2px dashed #ffffff;\n                    outline-offset: -12px;\n                }\n                \n                .ic-file-icon-group {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    position: relative;\n                    transform: scale(1);\n                    margin-bottom: 20px;\n                }\n                \n                .ic-choose-btn-wrapper {\n                    margin-bottom: 18px;\n                }\n                \n                .ic-choose-files-btn {\n                    background-color: white;\n                    color: #333;\n                    border: none;\n                    padding: 7.5px 24px;\n                    border-radius: 4px;\n                    font-size: 16px;\n                    font-weight: 700;\n                    cursor: pointer;\n                    display: inline-flex;\n                    align-items: center;\n                    box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n                }\n                \n                .ic-choose-files-btn:hover {\n                    background-color: #f8f8f8;\n                    box-shadow: 0 2px 5px rgba(0,0,0,0.15);\n                }\n                \n                .ic-choose-files-btn svg {\n                    margin-right: 10px;\n                }\n                \n                .ic-drop-text {\n                    color: white;\n                    font-size: 15px;\n                    opacity: 0.95;\n                }\n                \n                \/* Benefits section styles *\/\n                .ic-benefits-section {\n                    max-width: 1000px;\n                    margin: 20px auto 0;\n                    display: flex;\n                    gap: 50px;\n                }\n                \n                .ic-benefits-left {\n                    flex: 1;\n                    font-size: 16px;\n                    line-height: 1.6;\n                }\n                \n                .ic-benefits-right {\n                    flex: 1;\n                }\n                \n                .ic-benefit-item {\n                    display: flex;\n                    align-items: center;\n                    gap: 14px;\n                    margin-bottom: 16px;\n                }\n                \n                .ic-benefit-icon {\n                    width: 20px;\n                    height: 20px;\n                    border-radius: 50%;\n                    background-color: #0dbb30;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    flex-shrink: 0;\n                }\n                \n                .ic-benefit-text {\n                    font-size: 16px;\n                }\n                \n                \/* Media queries for new upload area *\/\n                @media (max-width: 768px) {\n                    .ic-upload-container {\n                        height: 250px;\n                    }\n                    \n                    .ic-choose-files-btn {\n                        padding: 10px 20px;\n                        font-size: 15px;\n                    }\n                    \n                    .ic-benefits-section {\n                        flex-direction: column;\n                        gap: 5px;\n                    }\n                }\n                \n                @media (max-width: 480px) {\n                    .ic-upload-container {\n                        height: 220px;\n                        outline-offset: -10px;\n                    }\n                    \n                    .ic-choose-files-btn {\n                        padding: 8px 16px;\n                        font-size: 14px;\n                    }\n                    \n                    .ic-drop-text {\n                        font-size: 14px;\n                    }\n                    \n                    .ic-file-icon-group {\n                        margin-bottom: 15px;\n                    }\n                    \n                    .ic-benefit-text {\n                        font-size: 15px;\n                    }\n                }\n                \n                \/* Preserve file input style *\/\n                .compress-jpg-file-input {\n                    position: absolute;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    opacity: 0;\n                    cursor: pointer;\n                }\n            <\/style>\n            \n                        \n            <!-- Heading Section (Only visible in upload panel) -->\n            <div class=\"compress-jpg-heading-section\">\n                <h1 class=\"compress-jpg-heading\">Kompresia PNG<\/h1>\n                <div class=\"compress-jpg-description\">Kompresia <a href='\/sk\/komprimovat-jpg\/' style='color:#0073e6;font-weight:bold'>JPG<\/a>, <a href='\/sk\/komprimovat-png\/' style='color:#0073e6;font-weight:bold'>PNG<\/a>, <a href='\/sk\/komprimovat-gif\/' style='color:#0073e6;font-weight:bold'>GIF<\/a><\/div>\n            <\/div>\n            \n            <div class=\"ic-upload-area\">\n                <div class=\"ic-upload-container\" id=\"compress-jpg-dropzone\">\n                    <div class=\"ic-file-icon-group\">\n                        <div class=\"ic-file-icon image1\">\n                            <svg width=\"50\" height=\"50\" viewbox=\"0 0 70 70\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                                <rect x=\"5\" y=\"5\" width=\"60\" height=\"60\" rx=\"8\" fill=\"#F5F9FF\" stroke=\"#E6E6E6\" stroke-width=\"1\"\/>\n                                <rect x=\"10\" y=\"10\" width=\"50\" height=\"40\" rx=\"6\" fill=\"#FFFFFF\" stroke=\"#4285F4\" stroke-width=\"1.5\"\/>\n                                <circle cx=\"22\" cy=\"22\" r=\"5\" fill=\"#4285F4\"\/>\n                                <path d=\"M10 42L25 30L40 42L60 28\" stroke=\"#4285F4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <path d=\"M35 50H55\" stroke=\"#4285F4\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                <path d=\"M40 55H50\" stroke=\"#4285F4\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"ic-choose-btn-wrapper\">\n                        <button class=\"ic-choose-files-btn\" id=\"compress-jpg-select-file-button\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-no-translation=\"\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect>\n                                <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n                                <polyline points=\"21 15 16 10 5 21\"><\/polyline>\n                                <\/svg>\n                            <span data-translatepress=\"select_images\">Vybra\u0165 obr\u00e1zky<\/span>\n                            <\/button>\n                    <\/div>\n                    \n                    <p class=\"ic-drop-text\" data-translatepress=\"drop_files\">alebo sem vlo\u017ete s\u00fabory<\/p>\n                    <input type=\"file\" id=\"compress-jpg-file-input\" multiple accept=\".jpg,.jpeg,.png,.gif\" class=\"compress-jpg-file-input\">\n                <\/div>\n            <\/div>\n            \n            <div class=\"ic-benefits-section\">\n                <div class=\"ic-benefits-left\">\n                    <p data-translatepress=\"optimize_description\">Okam\u017eite optimalizujte obr\u00e1zky na webovej lokalite pomocou n\u00e1\u0161ho v\u00fdkonn\u00e9ho kompresn\u00e9ho n\u00e1stroja. Zn\u00ed\u017ete ve\u013ekos\u0165 s\u00faborov pri zachovan\u00ed kvality. Nie s\u00fa potrebn\u00e9 \u017eiadne registr\u00e1cie ani in\u0161tal\u00e1cie.<\/p>\n                <\/div>\n                <div class=\"ic-benefits-right\">\n                    <div class=\"ic-benefit-item\">\n                        <div class=\"ic-benefit-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-no-translation=\"\">\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" fill=\"white\" stroke=\"none\"\/>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"ic-benefit-text\" data-translatepress=\"benefit_filesize\">Zn\u00ed\u017eenie ve\u013ekosti s\u00faboru a\u017e o 80%<\/span>\n                    <\/div>\n                    <div class=\"ic-benefit-item\">\n                        <div class=\"ic-benefit-icon\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" data-no-translation=\"\">\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\" fill=\"white\" stroke=\"none\"\/>\n                            <\/svg>\n                        <\/div>\n                        <span class=\"ic-benefit-text\" data-translatepress=\"benefit_speed\">Zr\u00fdchlenie na\u010d\u00edtavania webovej str\u00e1nky<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Upload Panel Advertisement (Only visible in upload panel) -->\n            <div class=\"compress-jpg-upload-ad-container\">\n                <style>\n                    \/* Advertisement container styles for upload panel *\/\n                    .compress-jpg-upload-ad-container {\n                        margin: 10px auto 0;\n                        overflow: hidden;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                    }\n                    \n                    \/* Mobile styles - hide if needed *\/\n                    @media (max-width: 480px) {\n                        \/* You can add mobile-specific styles here if needed *\/\n                    }\n                <\/style>\n                \n                <div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8069529413860845\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 1000-100 -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:1000px;height:100px\"\n     data-ad-client=\"ca-pub-8069529413860845\"\n     data-ad-slot=\"9855343712\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n            <\/div>\n            \n            <!-- Upload Panel Extra Content (Only visible in upload panel) -->\n                        <div class=\"compress-jpg-upload-extra-content\">\n                <style>\n                    \/* Extra content container styles *\/\n                    .compress-jpg-upload-extra-content {\n                        margin: 20px auto 0;\n                        overflow: hidden;\n                    }\n                <\/style>\n                \n                <link rel=\"stylesheet\" href=\"\/wp-content\/plugins\/Compress-jpg\/templates\/extra\/png.css\">\r\n    <div class=\"pngc_container\">\r\n        <!-- Features Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>K\u013e\u00fa\u010dov\u00e9 vlastnosti<\/h2>\r\n            <div class=\"pngc_features\">\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-7-2h2V7h-4v2h2z\"\/>\r\n                            <path d=\"M15 15v-5c0-1.1-.9-2-2-2H9v2h4v5h2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Bezstratov\u00e1 kompresia<\/h3>\r\n                    <p>N\u00e1\u0161 pokro\u010dil\u00fd algoritmus zni\u017euje ve\u013ekos\u0165 s\u00faboru bez straty kvality obrazu. Va\u0161e obr\u00e1zky bud\u00fa vyzera\u0165 rovnako dobre, ale na\u010d\u00edtaj\u00fa sa ove\u013ea r\u00fdchlej\u0161ie.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6zm9 14H6V10h12v10zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>100% Secure<\/h3>\r\n                    <p>Va\u0161e obr\u00e1zky sa bezpe\u010dne spracuj\u00fa na na\u0161ich serveroch a po kompresii sa automaticky vyma\u017e\u00fa. Va\u0161e s\u00fabory nikdy neuklad\u00e1me ani nezdie\u013eame.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/>\r\n                            <path d=\"M12 8l-4 4h3v4h2v-4h3z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>\u00daplne zadarmo<\/h3>\r\n                    <p>Na rozdiel od in\u00fdch kompresn\u00fdch n\u00e1strojov je na\u0161a slu\u017eba \u00faplne bezplatn\u00e1 bez skryt\u00fdch poplatkov, vodoznakov alebo obmedzen\u00ed. Pou\u017e\u00edvajte ju, ko\u013eko potrebujete.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Bleskov\u00e1 r\u00fdchlos\u0165<\/h3>\r\n                    <p>N\u00e1\u0161 optimalizovan\u00fd algoritmus spracuje va\u0161e obr\u00e1zky za nieko\u013eko sek\u00fand, \u010d\u00edm v\u00e1m u\u0161etr\u00ed drahocenn\u00fd \u010das a ur\u00fdchli pr\u00e1cu.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12z\"\/>\r\n                            <path d=\"M10 9h8v2h-8zm0 3h4v2h-4zm0-6h8v2h-8z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>D\u00e1vkov\u00e9 spracovanie<\/h3>\r\n                    <p>Nahr\u00e1vanie a komprimovanie viacer\u00fdch obr\u00e1zkov PNG naraz. U\u0161etrite \u010das spracovan\u00edm cel\u00fdch prie\u010dinkov jedin\u00fdm kliknut\u00edm.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M18.32 4.26C16.84 3.05 15.01 2.25 13 2.05v2.02c1.46.18 2.79.76 3.9 1.62l1.42-1.43zM19.93 11h2.02c-.2-2.01-1-3.84-2.21-5.32L18.31 7.1c.86 1.11 1.44 2.44 1.62 3.9zm-1.62 5.9l1.43 1.43c1.21-1.48 2.01-3.32 2.21-5.32h-2.02c-.18 1.45-.76 2.78-1.62 3.89zM13 19.93v2.02c2.01-.2 3.84-1 5.32-2.21l-1.43-1.43c-1.1.86-2.43 1.44-3.89 1.62zM13 12V7h-2v5H7v2h4v5h2v-5h4v-2h-4zm-8.93-1H2.05c.2 2.01 1 3.84 2.21 5.32l1.43-1.43c-.86-1.1-1.44-2.43-1.62-3.89zm1.62-5.9L4.26 3.68C3.05 5.16 2.25 6.99 2.05 9h2.02c.18-1.45.76-2.78 1.62-3.9zM9 19.93v-2.02c-1.45-.18-2.77-.76-3.88-1.61l-1.42 1.42C5.16 19.75 7 20.55 9 20.75z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Funguje na v\u0161etk\u00fdch zariadeniach<\/h3>\r\n                    <p>N\u00e1\u0161 n\u00e1stroj dokonale funguje na stolov\u00fdch po\u010d\u00edta\u010doch, tabletoch a mobiln\u00fdch telef\u00f3noch. Komprimujte svoje obr\u00e1zky kedyko\u013evek, kdeko\u013evek a na akomko\u013evek zariaden\u00ed.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- How It Works Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>Ako to funguje<\/h2>\r\n            <div class=\"pngc_how_it_works\">\r\n                <div class=\"pngc_step\">\r\n                    <div class=\"pngc_step_number\">1<\/div>\r\n                    <h3>Nahra\u0165<\/h3>\r\n                    <p>Obr\u00e1zky PNG nahrajte pretiahnut\u00edm alebo v\u00fdberom zo zariadenia.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_step\">\r\n                    <div class=\"pngc_step_number\">2<\/div>\r\n                    <h3>Kompresia<\/h3>\r\n                    <p>N\u00e1\u0161 pokro\u010dil\u00fd algoritmus automaticky komprimuje va\u0161e obr\u00e1zky pri zachovan\u00ed kvality.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_step\">\r\n                    <div class=\"pngc_step_number\">3<\/div>\r\n                    <h3>Uk\u00e1\u017eka<\/h3>\r\n                    <p>Porovnajte p\u00f4vodn\u00e9 a komprimovan\u00e9 obr\u00e1zky a uistite sa, \u017ee ste s v\u00fdsledkami spokojn\u00ed.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_step\">\r\n                    <div class=\"pngc_step_number\">4<\/div>\r\n                    <h3>Stiahnu\u0165<\/h3>\r\n                    <p>Stiahnite si komprimovan\u00e9 obr\u00e1zky PNG jednotlivo alebo ako s\u00fabor zip.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Comparison Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>Porovnanie pred a po<\/h2>\r\n            <div class=\"pngc_comparison\">\r\n                <div class=\"pngc_comparison_item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/plugins\/Compress-jpg\/templates\/extra\/pexels-photo-3861969.jpeg\" alt=\"P\u00f4vodn\u00fd obr\u00e1zok\" class=\"pngc_comparison_img\">\r\n                    <div class=\"pngc_comparison_caption\">\r\n                        <h3>P\u00f4vodn\u00fd obr\u00e1zok<\/h3>\r\n                        <p>Ve\u013ekos\u0165: 2,4 MB<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_comparison_item\">\r\n                    <img decoding=\"async\" src=\"\/wp-content\/plugins\/Compress-jpg\/templates\/extra\/pexels-photo-3861969.jpeg\" alt=\"Komprimovan\u00fd obraz\" class=\"pngc_comparison_img\">\r\n                    <div class=\"pngc_comparison_caption\">\r\n                        <h3>Komprimovan\u00fd obraz<\/h3>\r\n                        <p>Ve\u013ekos\u0165: 578 KB (76% Smaller)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Stats Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>Pre\u010do si vybra\u0165 n\u00e1\u0161 kompresor PNG<\/h2>\r\n            <div class=\"pngc_stats\">\r\n                <div class=\"pngc_stat\">\r\n                    <div class=\"pngc_stat_number\">9000+<\/div>\r\n                    <p>Obr\u00e1zky komprimovan\u00e9 denne<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_stat\">\r\n                    <div class=\"pngc_stat_number\">80%<\/div>\r\n                    <p>Zn\u00ed\u017eenie priemernej ve\u013ekosti<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_stat\">\r\n                    <div class=\"pngc_stat_number\">100%<\/div>\r\n                    <p>Nav\u017edy zadarmo<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_stat\">\r\n                    <div class=\"pngc_stat_number\">24\/7<\/div>\r\n                    <p>K dispoz\u00edcii kedyko\u013evek<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FAQ Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>\u010casto kladen\u00e9 ot\u00e1zky<\/h2>\r\n            <div class=\"pngc_faq\">\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">\u010co je kompresia PNG a pre\u010do je d\u00f4le\u017eit\u00e1?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>Kompresia PNG je technika na zmen\u0161enie ve\u013ekosti s\u00faborov PNG (Portable Network Graphics) bez v\u00fdrazn\u00e9ho ovplyvnenia ich kvality. Je d\u00f4le\u017eit\u00e1, preto\u017ee men\u0161ie ve\u013ekosti s\u00faborov sa na webov\u00fdch str\u00e1nkach na\u010d\u00edtavaj\u00fa r\u00fdchlej\u0161ie, vyu\u017e\u00edvaj\u00fa men\u0161iu \u0161\u00edrku p\u00e1sma, zlep\u0161uj\u00fa pou\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok a \u0161etria \u00falo\u017en\u00fd priestor. V pr\u00edpade webov\u00fdch lokal\u00edt prispieva r\u00fdchlej\u0161ie na\u010d\u00edtanie obr\u00e1zkov k lep\u0161iemu umiestneniu v SEO a ni\u017e\u0161ej miere odmietnutia.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">Je tento kompresor PNG naozaj vo\u013en\u00fd?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>\u00c1no, n\u00e1\u0161 kompresor PNG je \u00faplne bezplatn\u00fd bez skryt\u00fdch poplatkov alebo obmedzen\u00ed. M\u00f4\u017eete komprimova\u0165 to\u013eko obr\u00e1zkov, ko\u013eko chcete, tak \u010dasto, ako potrebujete, bez toho, aby ste museli plati\u0165. Nevy\u017eadujeme registr\u00e1ciu a do va\u0161ich komprimovan\u00fdch obr\u00e1zkov neprid\u00e1vame vodoznaky.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">Zn\u00ed\u017ei komprim\u00e1cia mojich obr\u00e1zkov PNG ich kvalitu?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>N\u00e1\u0161 kompresor PNG pou\u017e\u00edva pokro\u010dil\u00e9 techniky bezstratovej kompresie, \u010do znamen\u00e1, \u017ee zni\u017euje ve\u013ekos\u0165 s\u00faboru bez straty kvality obrazu. Komprimovan\u00e9 obr\u00e1zky bud\u00fa vyzera\u0165 rovnako ako origin\u00e1l, ale bud\u00fa ma\u0165 ove\u013ea men\u0161iu ve\u013ekos\u0165 s\u00faboru. Kompresn\u00fd algoritmus optimalizujeme tak, aby sa zachovala prieh\u013eadnos\u0165 a detaily obrazu a z\u00e1rove\u0148 sa odstr\u00e1nili nepotrebn\u00e9 \u00fadaje.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">Existuje limit ve\u013ekosti s\u00faboru na nahr\u00e1vanie obr\u00e1zkov?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>\u00c1no, maxim\u00e1lna ve\u013ekos\u0165 s\u00faboru pre jeden obr\u00e1zok PNG je 20 MB. Tento limit zabezpe\u010duje optim\u00e1lny v\u00fdkon na\u0161ej kompresnej slu\u017eby. Ak m\u00e1te v\u00e4\u010d\u0161ie s\u00fabory, mo\u017eno budete musie\u0165 pred odoslan\u00edm zmeni\u0165 ich ve\u013ekos\u0165 alebo pou\u017ei\u0165 po\u010d\u00edta\u010dov\u00fd softv\u00e9r na kompresiu. V\u00e4\u010d\u0161ina webov\u00fdch obr\u00e1zkov sa nach\u00e1dza hlboko pod t\u00fdmto limitom, tak\u017ee pre v\u00e4\u010d\u0161inu pou\u017e\u00edvate\u013eov by to nemal by\u0165 probl\u00e9m.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">S\u00fa moje obr\u00e1zky pri nahr\u00e1van\u00ed do va\u0161ej slu\u017eby zabezpe\u010den\u00e9?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>Absol\u00fatne. Bezpe\u010dnos\u0165 berieme ve\u013emi v\u00e1\u017ene. Va\u0161e obr\u00e1zky s\u00fa bezpe\u010dne spracovan\u00e9 na na\u0161ich serveroch a po kompresii ich automaticky vyma\u017eeme. Va\u0161e obr\u00e1zky nikdy neuklad\u00e1me natrvalo, neposkytujeme ich tret\u00edm stran\u00e1m ani ich nepou\u017e\u00edvame na in\u00e9 \u00fa\u010dely ako na poskytovanie kompresnej slu\u017eby. V\u0161etky prenosy \u00fadajov s\u00fa \u0161ifrovan\u00e9 pomocou protokolu HTTPS, aby sa zabezpe\u010dila ochrana osobn\u00fdch \u00fadajov.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">Ak\u00fd je rozdiel medzi bezstratovou a stratovou kompresiou?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>Bezstratov\u00e1 kompresia zni\u017euje ve\u013ekos\u0165 s\u00faboru bez straty kvality obrazu - komprimovan\u00fd obr\u00e1zok je identick\u00fd s origin\u00e1lom pixel po pixeli. Stratovou kompresiou sa dosahuje v\u00e4\u010d\u0161ie zmen\u0161enie ve\u013ekosti s\u00faboru selekt\u00edvnym vyraden\u00edm niektor\u00fdch obrazov\u00fdch \u00fadajov. N\u00e1\u0161 kompresor PNG pou\u017e\u00edva v predvolenom nastaven\u00ed bezstratov\u00fa kompresiu, \u010d\u00edm zabezpe\u010duje, \u017ee va\u0161e obr\u00e1zky bud\u00fa po kompresii vyzera\u0165 \u00faplne rovnako a z\u00e1rove\u0148 sa v\u00fdrazne zn\u00ed\u017ei ve\u013ekos\u0165 s\u00faboru.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_accordion\">\r\n                    <div class=\"pngc_accordion_header\">M\u00f4\u017eem komprimova\u0165 viacero obr\u00e1zkov PNG naraz?<\/div>\r\n                    <div class=\"pngc_accordion_content\">\r\n                        <p>\u00c1no! Na\u0161a funkcia d\u00e1vkov\u00e9ho spracovania v\u00e1m umo\u017e\u0148uje komprimova\u0165 viacero obr\u00e1zkov PNG s\u00fa\u010dasne. Jednoducho vyberte v\u0161etky s\u00fabory, ktor\u00e9 chcete komprimova\u0165, alebo ich potiahnite a pustite do oblasti nahr\u00e1vania. Naraz m\u00f4\u017eete spracova\u0165 a\u017e 20 obr\u00e1zkov a stiahnu\u0165 ich jednotlivo alebo ako s\u00fabor ZIP. To v\u00e1m v\u00fdrazne u\u0161etr\u00ed \u010das pri pr\u00e1ci s viacer\u00fdmi obr\u00e1zkami pre va\u0161e webov\u00e9 str\u00e1nky alebo projekty.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Testimonials Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>\u010co hovoria na\u0161i pou\u017e\u00edvatelia<\/h2>\r\n            <div class=\"pngc_testimonial_grid\">\r\n                <div class=\"pngc_testimonial\">\r\n                    <div class=\"pngc_testimonial_avatar\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"70\" height=\"70\" fill=\"#6c63ff\" data-no-translation=\"\">\r\n                            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"pngc_testimonial_content\">\r\n                        <p>\"Tento kompresor PNG men\u00ed pravidl\u00e1 hry pre moje projekty webov\u00e9ho dizajnu! Zmen\u0161il som ve\u013ekos\u0165 obr\u00e1zkov o viac ako 60% bez vidite\u013enej straty kvality. Webov\u00e9 str\u00e1nky mojich klientov sa teraz na\u010d\u00edtavaj\u00fa ove\u013ea r\u00fdchlej\u0161ie, \u010do pomohlo zlep\u0161i\u0165 ich poz\u00edcie v SEO.\"<\/p>\r\n                        <h4>Sarah Johnsonov\u00e1<\/h4>\r\n                        <p class=\"pngc_testimonial_title\">Webov\u00fd dizajn\u00e9r<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_testimonial\">\r\n                    <div class=\"pngc_testimonial_avatar\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"70\" height=\"70\" fill=\"#6c63ff\" data-no-translation=\"\">\r\n                            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"pngc_testimonial_content\">\r\n                        <p>\"Pre m\u0148a ako fotografa je kvalita obrazu najd\u00f4le\u017eitej\u0161ia. Bol som skeptick\u00fd, pokia\u013e ide o pou\u017e\u00edvanie kompresn\u00e9ho n\u00e1stroja, ale tento kompresor PNG zachoval detaily na mojich fotografi\u00e1ch s vysok\u00fdm rozl\u00ed\u0161en\u00edm a z\u00e1rove\u0148 ich urobil ove\u013ea vhodnej\u0161\u00edmi pre web. Teraz ho pou\u017e\u00edvam pre v\u0161etky svoje online portf\u00f3li\u00e1.\"<\/p>\r\n                        <h4>Michael Chen<\/h4>\r\n                        <p class=\"pngc_testimonial_title\">Profesion\u00e1lny fotograf<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"pngc_testimonial\">\r\n                    <div class=\"pngc_testimonial_avatar\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"70\" height=\"70\" fill=\"#6c63ff\" data-no-translation=\"\">\r\n                            <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"pngc_testimonial_content\">\r\n                        <p>\"Na\u0161e str\u00e1nky elektronick\u00e9ho obchodu maj\u00fa stovky obr\u00e1zkov produktov a \u010das na\u010d\u00edtania str\u00e1nky sa st\u00e1val v\u00e1\u017enym probl\u00e9mom. Po d\u00e1vkovom spracovan\u00ed v\u0161etk\u00fdch na\u0161ich PNG pomocou tohto n\u00e1stroja sa na\u0161a str\u00e1nka na\u010d\u00edta 40% r\u00fdchlej\u0161ie! Konverzia bola r\u00fdchla a v\u00fdsledky s\u00fa fantastick\u00e9.\"<\/p>\r\n                        <h4>Emma Rodriguez<\/h4>\r\n                        <p class=\"pngc_testimonial_title\">Mana\u017e\u00e9r elektronick\u00e9ho obchodu<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Additional Benefits Section -->\r\n        <div class=\"pngc_section\">\r\n            <h2>\u010eal\u0161ie v\u00fdhody kompresie PNG<\/h2>\r\n            <div class=\"pngc_features\">\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/>\r\n                            <path d=\"M7 9h5v1H7z\"\/>\r\n                            <path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Lep\u0161ie umiestnenie v rebr\u00ed\u010dku SEO<\/h3>\r\n                    <p>R\u00fdchlej\u0161ie na\u010d\u00edtavaj\u00face sa str\u00e1nky s komprimovan\u00fdmi obr\u00e1zkami sa vo v\u00fdsledkoch vyh\u013ead\u00e1vania umiest\u0148uj\u00fa vy\u0161\u0161ie. Zlep\u0161ite v\u00fdkonnos\u0165 svojej webovej lokality v oblasti SEO optimaliz\u00e1ciou obr\u00e1zkov PNG.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3h-6zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3v6zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42 2.89 2.87L15 21h6v-6z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Spr\u00e1vna ve\u013ekos\u0165 obr\u00e1zkov<\/h3>\r\n                    <p>Pred kompresiou upravte ve\u013ekos\u0165 obr\u00e1zkov na rozmery, v ktor\u00fdch sa bud\u00fa zobrazova\u0165 na webovej lokalite. Nie je potrebn\u00e9 nahr\u00e1va\u0165 obr\u00e1zok s rozl\u00ed\u0161en\u00edm 2000px, ak sa bude zobrazova\u0165 len s rozl\u00ed\u0161en\u00edm 500px.<\/p>\r\n                <\/div>\r\n                <div class=\"pngc_feature\">\r\n                    <div class=\"pngc_feature_icon\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"60\" height=\"60\" fill=\"currentColor\" data-no-translation=\"\">\r\n                            <path d=\"M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Implement\u00e1cia leniv\u00e9ho na\u010d\u00edtania<\/h3>\r\n                    <p>Kombin\u00e1ciou komprimovan\u00fdch obr\u00e1zkov s technikami leniv\u00e9ho na\u010d\u00edtavania m\u00f4\u017eete e\u0161te viac zlep\u0161i\u0165 v\u00fdkon svojich webov\u00fdch str\u00e1nok t\u00fdm, \u017ee obr\u00e1zky na\u010d\u00edtate len vtedy, ke\u010f sa chystaj\u00fa vst\u00fapi\u0165 do zobrazovacieho priestoru.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Call to Action Section -->\r\n        <div class=\"pngc_cta\">\r\n            <h2>Za\u010dnite optimalizova\u0165 svoje obr\u00e1zky PNG e\u0161te dnes<\/h2>\r\n            <p>Pridajte sa k mili\u00f3nom pou\u017e\u00edvate\u013eov, ktor\u00ed d\u00f4veruj\u00fa n\u00e1\u0161mu bezplatn\u00e9mu kompresoru PNG na optimaliz\u00e1ciu svojich obr\u00e1zkov. Nevy\u017eaduje sa \u017eiadna registr\u00e1cia, \u017eiadne obmedzenia a nav\u017edy \u00faplne zadarmo.<\/p>\r\n            <a href=\"#\" class=\"pngc_cta_btn\">Vysk\u00fa\u0161ajte to teraz<\/a>\r\n        <\/div>\r\n        \r\n        <script>\r\n            \/\/ Simple script to toggle FAQ accordions\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const accordionHeaders = document.querySelectorAll('.pngc_accordion_header');\r\n                \r\n                accordionHeaders.forEach(header => {\r\n                    header.addEventListener('click', function() {\r\n                        const content = this.nextElementSibling;\r\n                        \r\n                        \/\/ Toggle the active accordion\r\n                        if (content.style.display === 'block') {\r\n                            content.style.display = 'none';\r\n                            this.style.borderBottomLeftRadius = '8px';\r\n                            this.style.borderBottomRightRadius = '8px';\r\n                            this.style.borderBottom = 'none';\r\n                            this.style.fontWeight = '600';\r\n                        } else {\r\n                            content.style.display = 'block';\r\n                            this.style.borderBottomLeftRadius = '0';\r\n                            this.style.borderBottomRightRadius = '0';\r\n                            this.style.borderBottom = '1px solid #e0e0e0';\r\n                            this.style.fontWeight = '700';\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        <\/script>\r\n    <\/div>            <\/div>\n                    <\/div>\n\n        <!-- STEP 2: Preview Interface -->\n        <div class=\"compress-jpg-panel\" id=\"preview-panel\">\n            <style>\n                \/* Preview panel layout styles *\/\n                .preview-panel-flex-container {\n                    display: flex;\n                    gap: 30px;\n                }\n                \n                .preview-panel-left {\n                    flex: 1;\n                    min-width: 0;\n                }\n                \n                .preview-panel-right {\n                    width: 300px;\n                    flex-shrink: 0;\n                    display: flex;\n                    flex-direction: column;\n                    gap: 20px;\n                }\n                \n                \/* Adjust preview grid to fill left column *\/\n                .compress-jpg-preview-grid {\n                    display: grid;\n                    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n                    gap: 16px;\n                    margin-bottom: 0;\n                    max-height: 600px;\n                    overflow-y: auto;\n                    padding-right: 8px;\n                }\n                \n                \/* Quality control section *\/\n                .compress-jpg-quality-section {\n                    background-color: #f9fafb;\n                    border-radius: 8px;\n                    padding: 16px;\n                    border: 1px solid #e5e7eb;\n                }\n                \n                \/* Action buttons vertical layout *\/\n                .compress-jpg-preview-actions {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 10px;\n                }\n                \n                .compress-jpg-preview-actions button {\n                    width: 100%;\n                    justify-content: center;\n                    padding: 12px;\n                }\n                \n                \/* Advertisement container styles *\/\n                .compress-jpg-ad-container {\n                    width: 100%;\n                    margin-bottom: 20px;\n                    text-align: center;\n                    overflow: hidden;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    min-height: 90px;\n                    background-color: #f9fafb;\n                    border-radius: 8px;\n                    border: 1px solid #e5e7eb;\n                }\n                \n                \/* Responsive layout for smaller screens *\/\n                @media (max-width: 900px) {\n                    .preview-panel-flex-container {\n                        flex-direction: column;\n                    }\n                    \n                    .preview-panel-right {\n                        width: 100%;\n                    }\n                    \n                    .compress-jpg-preview-actions {\n                        flex-direction: row;\n                        flex-wrap: wrap;\n                    }\n                    \n                    .compress-jpg-preview-actions button {\n                        flex: 1;\n                        min-width: 200px;\n                    }\n                }\n                \n                \/* Advertisement responsive styles *\/\n                @media (max-width: 768px) {\n                    .compress-jpg-ad-container {\n                        min-height: 90px;\n                    }\n                }\n                \n                @media (max-width: 480px) {\n                    .compress-jpg-ad-container {\n                        display: none; \/* Hide ads on mobile devices *\/\n                    }\n                }\n            <\/style>\n            \n            <!-- Advertisement at the top of the preview panel -->\n                        <div class=\"compress-jpg-ad-container compress-jpg-preview-ad\">\n                <div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8069529413860845\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 1000-100 -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:1000px;height:100px\"\n     data-ad-client=\"ca-pub-8069529413860845\"\n     data-ad-slot=\"9855343712\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n            <\/div>\n                        \n            <div class=\"preview-panel-flex-container\">\n                <div class=\"preview-panel-left\">\n                    <div class=\"compress-jpg-preview-grid\" id=\"compress-jpg-preview-grid\">\n                        <!-- Preview images will be added here dynamically -->\n                        <div class=\"compress-jpg-no-images\">\n                            <p data-translatepress=\"upload_images_preview\">Nahra\u0165 obr\u00e1zky a zobrazi\u0165 ich n\u00e1h\u013ead tu<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"preview-panel-right\">\n            <div class=\"compress-jpg-quality-section\">\n                <div class=\"compress-jpg-quality-control\">\n                    <div class=\"compress-jpg-quality-header\">\n                        <h4 data-translatepress=\"quality_heading\">Kvalita obrazu<\/h4>\n                        <span class=\"compress-jpg-quality-value\" id=\"quality-value\">70<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-quality-slider-container\">\n                        <span class=\"compress-jpg-quality-min\" data-translatepress=\"quality_low\">N\u00edzka<\/span>\n                        <input type=\"range\" id=\"compress-jpg-quality\" min=\"1\" max=\"100\" value=\"70\" class=\"compress-jpg-slider\">\n                        <span class=\"compress-jpg-quality-max\" data-translatepress=\"quality_high\">Vysok\u00e1<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-quality-tip\">\n                        <span class=\"quality-explanation\" data-translatepress=\"quality_explanation\">Vy\u0161\u0161ia kvalita = v\u00e4\u010d\u0161ia ve\u013ekos\u0165 s\u00faboru<\/span>\n                        <span class=\"quality-recommendation\">\n                            <svg class=\"recommendation-icon\" width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                                <path d=\"M9 12L11 14L15 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                            <\/svg>\n                            <span data-translatepress=\"default_text\">Predvolen\u00e9 nastavenie<\/span> (70) <span data-translatepress=\"recommended_text\">odpor\u00fa\u010dan\u00e9<\/span>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n                    <!-- Preview actions -->\n            <div class=\"compress-jpg-preview-actions\">\n                <button class=\"compress-jpg-button compress-jpg-button-secondary\" id=\"add-more-images-btn\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                        <path d=\"M12 5V19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                    <span data-translatepress=\"add_more_button\">Pridanie \u010fal\u0161\u00edch obr\u00e1zkov<\/span>\n                <\/button>\n                <button class=\"compress-jpg-button compress-jpg-button-primary\" id=\"start-compression-btn\">\n                    <span data-translatepress=\"start_compression_button\">Spustenie kompresie<\/span>\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                        <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M12 5L19 12 12 19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                <\/button>\n                    <\/div>\n            <\/div>\n            <\/div>\n            \n            <!-- Hidden file input for adding more images -->\n            <input type=\"file\" id=\"compress-jpg-add-more-input\" multiple accept=\".jpg,.jpeg,.png,.gif\" class=\"compress-jpg-file-input\" style=\"display: none;\">\n        <\/div>\n\n        <!-- STEP 3: Processing Interface -->\n        <div class=\"compress-jpg-panel\" id=\"process-panel\">\n            <style>\n                \/* Processing panel styles - specific styles only *\/\n            <\/style>\n            \n            <div class=\"compress-jpg-processing\">\n                <div class=\"compress-jpg-processing-animation\">\n                    <svg class=\"compress-jpg-processing-circle\" width=\"128\" height=\"128\" viewbox=\"0 0 128 128\" data-no-translation=\"\">\n                        <circle class=\"compress-jpg-processing-track\" cx=\"64\" cy=\"64\" r=\"56\" stroke=\"#e5e7eb\" stroke-width=\"8\" fill=\"none\" \/>\n                        <circle class=\"compress-jpg-processing-progress\" cx=\"64\" cy=\"64\" r=\"56\" stroke=\"#2563EB\" stroke-width=\"8\" fill=\"none\" \/>\n                    <\/svg>\n                    <div class=\"compress-jpg-processing-percentage\" id=\"compression-percentage\">0%<\/div>\n                <\/div>\n                <h3 class=\"compress-jpg-processing-title\" data-translatepress=\"processing_title\">Komprimovanie obr\u00e1zkov<\/h3>\n                <p class=\"compress-jpg-processing-description\" data-translatepress=\"processing_description\">To m\u00f4\u017ee chv\u00ed\u013eu trva\u0165 v z\u00e1vislosti od ve\u013ekosti a po\u010dtu obr\u00e1zkov.<\/p>\n                <div class=\"compress-jpg-processing-status\" id=\"compression-status\" data-translatepress=\"processing_status\">Pr\u00edprava na kompresiu...<\/div>\n            <\/div>\n        <\/div>\n\n        <!-- STEP 4: Download Interface -->\n        <div class=\"compress-jpg-panel\" id=\"download-panel\">\n            <style>\n                \/* Download panel styles - specific styles only *\/\n                \/* Results layout *\/\n                .compress-jpg-results-grid {\n                    display: grid;\n                    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n                    gap: 20px;\n                    margin: 30px 0;\n                    max-height: 600px;\n                    overflow-y: auto;\n                }\n                \n                \/* Action buttons layout *\/\n                .compress-jpg-results-actions {\n                    display: flex;\n                    justify-content: center;\n                    gap: 15px;\n                }\n                \n                .compress-jpg-results-actions button {\n                    min-width: 180px;\n                }\n                \n                @media (max-width: 768px) {\n                    .compress-jpg-results-actions {\n                        flex-direction: column;\n                        gap: 10px;\n                    }\n                    \n                    .compress-jpg-results-actions button {\n                        width: 100%;\n                    }\n                }\n            <\/style>\n            \n            <!-- Advertisement at the top of the download panel -->\n                        <div class=\"compress-jpg-ad-container compress-jpg-download-ad\">\n                <div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8069529413860845\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 1000-100 -->\n<ins class=\"adsbygoogle\"\n     style=\"display:inline-block;width:1000px;height:100px\"\n     data-ad-client=\"ca-pub-8069529413860845\"\n     data-ad-slot=\"9855343712\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n            <\/div>\n                        \n            <div class=\"compress-jpg-results-header\">\n                <h3 data-translatepress=\"compression_complete\">Kompresia dokon\u010den\u00e1!<\/h3>\n                <div class=\"compress-jpg-summary\">\n                    <div class=\"compress-jpg-summary-item\">\n                        <span class=\"compress-jpg-summary-label\" data-translatepress=\"images_label\">Obr\u00e1zky:<\/span>\n                        <span class=\"compress-jpg-summary-value\" id=\"result-image-count\">0<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-summary-item\">\n                        <span class=\"compress-jpg-summary-label\" data-translatepress=\"original_size_label\">P\u00f4vodn\u00e1 ve\u013ekos\u0165:<\/span>\n                        <span class=\"compress-jpg-summary-value\" id=\"result-original-size\">0 KB<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-summary-item\">\n                        <span class=\"compress-jpg-summary-label\" data-translatepress=\"compressed_size_label\">Komprimovan\u00e1 ve\u013ekos\u0165:<\/span>\n                        <span class=\"compress-jpg-summary-value\" id=\"result-compressed-size\">0 KB<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-summary-item compress-jpg-summary-saved\">\n                        <span class=\"compress-jpg-summary-label\" data-translatepress=\"space_saved_label\">U\u0161etren\u00e9 miesto:<\/span>\n                        <span class=\"compress-jpg-summary-value\" id=\"result-saved\">0 KB (0%)<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"compress-jpg-results-grid\" id=\"compress-jpg-results-grid\">\n                <!-- Results will be added here dynamically -->\n            <\/div>\n\n            <div class=\"compress-jpg-results-actions\">\n                <button class=\"compress-jpg-button compress-jpg-button-secondary\" id=\"start-over-btn\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                        <path d=\"M12 5V1L7 6L12 11V7C15.31 7 18 9.69 18 13C18 16.31 15.31 19 12 19C8.69 19 6 16.31 6 13H4C4 17.42 7.58 21 12 21C16.42 21 20 17.42 20 13C20 8.58 16.42 5 12 5Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                    <span data-translatepress=\"start_over\">Za\u010da\u0165 odznova<\/span>\n                <\/button>\n                <button class=\"compress-jpg-button compress-jpg-button-primary\" id=\"download-all-btn\">\n                    <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-no-translation=\"\">\n                        <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <path d=\"M12 15V3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                    <span data-translatepress=\"download_all\">Stiahnu\u0165 v\u0161etko<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div> \n\n<!-- Image Preview Modal -->\n<div class=\"compress-jpg-modal\" id=\"compress-jpg-image-modal\">\n    <div class=\"compress-jpg-modal-content\">\n        <div class=\"compress-jpg-modal-close\">\u00d7<\/div>\n        <img decoding=\"async\" src=\"\" class=\"compress-jpg-modal-img\" id=\"compress-jpg-modal-img\" alt=\"N\u00e1h\u013ead obr\u00e1zka\">\n    <\/div>\n<\/div> \n\n<!-- Upload Limit Modal -->\n<div class=\"compress-jpg-modal\" id=\"compress-jpg-limit-modal\">\n    <div class=\"compress-jpg-modal-content compress-jpg-limit-modal-content\">\n        <div class=\"compress-jpg-modal-close\">\u00d7<\/div>\n        <h3 data-translatepress=\"limit_heading\">Dosiahnut\u00fd limit nahr\u00e1vania<\/h3>\n        <p data-translatepress=\"limit_description\">\n            <span data-translatepress=\"limit_description_free\">Bezplatn\u00fd pou\u017e\u00edvate\u013e: M\u00f4\u017eete naraz nahra\u0165 a\u017e 20 obr\u00e1zkov. Zn\u00ed\u017ete po\u010det obr\u00e1zkov alebo prejdite na predplatn\u00e9.<\/span>\n        <\/p>\n        <div class=\"compress-jpg-modal-actions\">\n            <button class=\"compress-jpg-button compress-jpg-button-secondary\" id=\"limit-modal-ok-btn\" data-translatepress=\"ok_button\">OK<\/button>\n            <a href=\"\/sk\/cenotvorby\/\" class=\"compress-jpg-button compress-jpg-button-primary\" data-translatepress=\"upgrade_button\" data-trp-post-id=\"pricing-page\">Aktualiz\u00e1cia \u00fa\u010dtu<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Upgrade Modal -->\n<div class=\"compress-jpg-modal\" id=\"compress-jpg-upgrade-modal\">\n    <div class=\"compress-jpg-modal-content compress-jpg-upgrade-modal-content\">\n        <div class=\"compress-jpg-modal-close\">\u00d7<\/div>\n        <h3 data-translatepress=\"upgrade_heading\">Aktualizujte svoje konto<\/h3>\n        <p data-translatepress=\"upgrade_description\">Predplatn\u00fdm z\u00edskate viac mo\u017enost\u00ed nahr\u00e1vania obr\u00e1zkov a pokro\u010dil\u00fdch funkci\u00ed.<\/p>\n        <div class=\"compress-jpg-modal-actions\">\n            <a href=\"\/sk\/cenotvorby\/\" class=\"compress-jpg-button compress-jpg-button-primary\" data-translatepress=\"learn_more\" data-trp-post-id=\"pricing-page\">Dozvedie\u0165 sa viac<\/a>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2419","page","type-page","status-publish","hentry"],"rankMath":{"parentDomain":"ocr365.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"The featured image should be at least 200 by 200 pixels to be picked up by Facebook and other social media sites.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"compress-png","permalinkFormat":"https:\/\/ocr365.com\/sk\/%pagename%\/","showLockModifiedDate":true,"assessor":{"focusKeywordLink":"https:\/\/ocr365.com\/wp-admin\/edit.php?focus_keyword=%focus_keyword%&post_type=%post_type%","hasTOCPlugin":true,"primaryTaxonomy":false,"serpData":{"title":"Kompresia obr\u00e1zkov PNG - Online zadarmo","description":"Bezplatn\u00fd online kompresn\u00fd n\u00e1stroj PNG, ktor\u00fd podporuje d\u00e1vkov\u00e9 spracovanie viacer\u00fdch obr\u00e1zkov PNG. Zachovajte kvalitu obr\u00e1zkov pri v\u00fdraznom zn\u00ed\u017een\u00ed ve\u013ekosti s\u00faborov.","focusKeywords":"","pillarContent":false,"canonicalUrl":"","breadcrumbTitle":"","advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":"","facebookHasOverlay":false,"facebookImageOverlay":"","facebookAuthor":"","twitterCardType":"","twitterUseFacebook":true,"twitterTitle":"","twitterDescription":"","twitterImage":"","twitterImageID":"","twitterHasOverlay":false,"twitterImageOverlay":"","twitterPlayerUrl":"","twitterPlayerSize":"","twitterPlayerStream":"","twitterPlayerStreamCtype":"","twitterAppDescription":"","twitterAppIphoneName":"","twitterAppIphoneID":"","twitterAppIphoneUrl":"","twitterAppIpadName":"","twitterAppIpadID":"","twitterAppIpadUrl":"","twitterAppGoogleplayName":"","twitterAppGoogleplayID":"","twitterAppGoogleplayUrl":"","twitterAppCountry":"","robots":{"index":true},"twitterAuthor":"username","primaryTerm":0,"authorName":"admin","titleTemplate":"%title% %sep% %sitename%","descriptionTemplate":"%excerpt%","showScoreFrontend":true,"lockModifiedDate":false},"powerWords":[],"diacritics":{"A":"[\\u0041\\u24B6\\uFF21\\u00C0\\u00C1\\u00C2\\u1EA6\\u1EA4\\u1EAA\\u1EA8\\u00C3\\u0100\\u0102\\u1EB0\\u1EAE\\u1EB4\\u1EB2\\u0226\\u01E0\\u00C4\\u01DE\\u1EA2\\u00C5\\u01FA\\u01CD\\u0200\\u0202\\u1EA0\\u1EAC\\u1EB6\\u1E00\\u0104\\u023A\\u2C6F]","AA":"[\\uA732]","AE":"[\\u00C6\\u01FC\\u01E2]","AO":"[\\uA734]","AU":"[\\uA736]","AV":"[\\uA738\\uA73A]","AY":"[\\uA73C]","B":"[\\u0042\\u24B7\\uFF22\\u1E02\\u1E04\\u1E06\\u0243\\u0182\\u0181]","C":"[\\u0043\\u24B8\\uFF23\\u0106\\u0108\\u010A\\u010C\\u00C7\\u1E08\\u0187\\u023B\\uA73E]","D":"[\\u0044\\u24B9\\uFF24\\u1E0A\\u010E\\u1E0C\\u1E10\\u1E12\\u1E0E\\u0110\\u018B\\u018A\\u0189\\uA779]","DZ":"[\\u01F1\\u01C4]","Dz":"[\\u01F2\\u01C5]","E":"[\\u0045\\u24BA\\uFF25\\u00C8\\u00C9\\u00CA\\u1EC0\\u1EBE\\u1EC4\\u1EC2\\u1EBC\\u0112\\u1E14\\u1E16\\u0114\\u0116\\u00CB\\u1EBA\\u011A\\u0204\\u0206\\u1EB8\\u1EC6\\u0228\\u1E1C\\u0118\\u1E18\\u1E1A\\u0190\\u018E]","F":"[\\u0046\\u24BB\\uFF26\\u1E1E\\u0191\\uA77B]","G":"[\\u0047\\u24BC\\uFF27\\u01F4\\u011C\\u1E20\\u011E\\u0120\\u01E6\\u0122\\u01E4\\u0193\\uA7A0\\uA77D\\uA77E]","H":"[\\u0048\\u24BD\\uFF28\\u0124\\u1E22\\u1E26\\u021E\\u1E24\\u1E28\\u1E2A\\u0126\\u2C67\\u2C75\\uA78D]","I":"[\\u0049\\u24BE\\uFF29\\u00CC\\u00CD\\u00CE\\u0128\\u012A\\u012C\\u0130\\u00CF\\u1E2E\\u1EC8\\u01CF\\u0208\\u020A\\u1ECA\\u012E\\u1E2C\\u0197]","J":"[\\u004A\\u24BF\\uFF2A\\u0134\\u0248]","K":"[\\u004B\\u24C0\\uFF2B\\u1E30\\u01E8\\u1E32\\u0136\\u1E34\\u0198\\u2C69\\uA740\\uA742\\uA744\\uA7A2]","L":"[\\u004C\\u24C1\\uFF2C\\u013F\\u0139\\u013D\\u1E36\\u1E38\\u013B\\u1E3C\\u1E3A\\u0141\\u023D\\u2C62\\u2C60\\uA748\\uA746\\uA780]","LJ":"[\\u01C7]","Lj":"[\\u01C8]","M":"[\\u004D\\u24C2\\uFF2D\\u1E3E\\u1E40\\u1E42\\u2C6E\\u019C]","N":"[\\u004E\\u24C3\\uFF2E\\u01F8\\u0143\\u00D1\\u1E44\\u0147\\u1E46\\u0145\\u1E4A\\u1E48\\u0220\\u019D\\uA790\\uA7A4]","NJ":"[\\u01CA]","Nj":"[\\u01CB]","O":"[\\u004F\\u24C4\\uFF2F\\u00D2\\u00D3\\u00D4\\u1ED2\\u1ED0\\u1ED6\\u1ED4\\u00D5\\u1E4C\\u022C\\u1E4E\\u014C\\u1E50\\u1E52\\u014E\\u022E\\u0230\\u00D6\\u022A\\u1ECE\\u0150\\u01D1\\u020C\\u020E\\u01A0\\u1EDC\\u1EDA\\u1EE0\\u1EDE\\u1EE2\\u1ECC\\u1ED8\\u01EA\\u01EC\\u00D8\\u01FE\\u0186\\u019F\\uA74A\\uA74C]","OI":"[\\u01A2]","OO":"[\\uA74E]","OU":"[\\u0222]","P":"[\\u0050\\u24C5\\uFF30\\u1E54\\u1E56\\u01A4\\u2C63\\uA750\\uA752\\uA754]","Q":"[\\u0051\\u24C6\\uFF31\\uA756\\uA758\\u024A]","R":"[\\u0052\\u24C7\\uFF32\\u0154\\u1E58\\u0158\\u0210\\u0212\\u1E5A\\u1E5C\\u0156\\u1E5E\\u024C\\u2C64\\uA75A\\uA7A6\\uA782]","S":"[\\u0053\\u24C8\\uFF33\\u1E9E\\u015A\\u1E64\\u015C\\u1E60\\u0160\\u1E66\\u1E62\\u1E68\\u0218\\u015E\\u2C7E\\uA7A8\\uA784]","T":"[\\u0054\\u24C9\\uFF34\\u1E6A\\u0164\\u1E6C\\u021A\\u0162\\u1E70\\u1E6E\\u0166\\u01AC\\u01AE\\u023E\\uA786]","TZ":"[\\uA728]","U":"[\\u0055\\u24CA\\uFF35\\u00D9\\u00DA\\u00DB\\u0168\\u1E78\\u016A\\u1E7A\\u016C\\u00DC\\u01DB\\u01D7\\u01D5\\u01D9\\u1EE6\\u016E\\u0170\\u01D3\\u0214\\u0216\\u01AF\\u1EEA\\u1EE8\\u1EEE\\u1EEC\\u1EF0\\u1EE4\\u1E72\\u0172\\u1E76\\u1E74\\u0244]","V":"[\\u0056\\u24CB\\uFF36\\u1E7C\\u1E7E\\u01B2\\uA75E\\u0245]","VY":"[\\uA760]","W":"[\\u0057\\u24CC\\uFF37\\u1E80\\u1E82\\u0174\\u1E86\\u1E84\\u1E88\\u2C72]","X":"[\\u0058\\u24CD\\uFF38\\u1E8A\\u1E8C]","Y":"[\\u0059\\u24CE\\uFF39\\u1EF2\\u00DD\\u0176\\u1EF8\\u0232\\u1E8E\\u0178\\u1EF6\\u1EF4\\u01B3\\u024E\\u1EFE]","Z":"[\\u005A\\u24CF\\uFF3A\\u0179\\u1E90\\u017B\\u017D\\u1E92\\u1E94\\u01B5\\u0224\\u2C7F\\u2C6B\\uA762]","a":"[\\u0061\\u24D0\\uFF41\\u1E9A\\u00E0\\u00E1\\u00E2\\u1EA7\\u1EA5\\u1EAB\\u1EA9\\u00E3\\u0101\\u0103\\u1EB1\\u1EAF\\u1EB5\\u1EB3\\u0227\\u01E1\\u00E4\\u01DF\\u1EA3\\u00E5\\u01FB\\u01CE\\u0201\\u0203\\u1EA1\\u1EAD\\u1EB7\\u1E01\\u0105\\u2C65\\u0250]","aa":"[\\uA733]","ae":"[\\u00E6\\u01FD\\u01E3]","ao":"[\\uA735]","au":"[\\uA737]","av":"[\\uA739\\uA73B]","ay":"[\\uA73D]","b":"[\\u0062\\u24D1\\uFF42\\u1E03\\u1E05\\u1E07\\u0180\\u0183\\u0253]","c":"[\\u0063\\u24D2\\uFF43\\u0107\\u0109\\u010B\\u010D\\u00E7\\u1E09\\u0188\\u023C\\uA73F\\u2184]","d":"[\\u0064\\u24D3\\uFF44\\u1E0B\\u010F\\u1E0D\\u1E11\\u1E13\\u1E0F\\u0111\\u018C\\u0256\\u0257\\uA77A]","dz":"[\\u01F3\\u01C6]","e":"[\\u0065\\u24D4\\uFF45\\u00E8\\u00E9\\u00EA\\u1EC1\\u1EBF\\u1EC5\\u1EC3\\u1EBD\\u0113\\u1E15\\u1E17\\u0115\\u0117\\u00EB\\u1EBB\\u011B\\u0205\\u0207\\u1EB9\\u1EC7\\u0229\\u1E1D\\u0119\\u1E19\\u1E1B\\u0247\\u025B\\u01DD]","f":"[\\u0066\\u24D5\\uFF46\\u1E1F\\u0192\\uA77C]","g":"[\\u0067\\u24D6\\uFF47\\u01F5\\u011D\\u1E21\\u011F\\u0121\\u01E7\\u0123\\u01E5\\u0260\\uA7A1\\u1D79\\uA77F]","h":"[\\u0068\\u24D7\\uFF48\\u0125\\u1E23\\u1E27\\u021F\\u1E25\\u1E29\\u1E2B\\u1E96\\u0127\\u2C68\\u2C76\\u0265]","hv":"[\\u0195]","i":"[\\u0069\\u24D8\\uFF49\\u00EC\\u00ED\\u00EE\\u0129\\u012B\\u012D\\u00EF\\u1E2F\\u1EC9\\u01D0\\u0209\\u020B\\u1ECB\\u012F\\u1E2D\\u0268\\u0131]","j":"[\\u006A\\u24D9\\uFF4A\\u0135\\u01F0\\u0249]","k":"[\\u006B\\u24DA\\uFF4B\\u1E31\\u01E9\\u1E33\\u0137\\u1E35\\u0199\\u2C6A\\uA741\\uA743\\uA745\\uA7A3]","l":"[\\u006C\\u24DB\\uFF4C\\u0140\\u013A\\u013E\\u1E37\\u1E39\\u013C\\u1E3D\\u1E3B\\u017F\\u0142\\u019A\\u026B\\u2C61\\uA749\\uA781\\uA747]","lj":"[\\u01C9]","m":"[\\u006D\\u24DC\\uFF4D\\u1E3F\\u1E41\\u1E43\\u0271\\u026F]","n":"[\\u006E\\u24DD\\uFF4E\\u01F9\\u0144\\u00F1\\u1E45\\u0148\\u1E47\\u0146\\u1E4B\\u1E49\\u019E\\u0272\\u0149\\uA791\\uA7A5]","nj":"[\\u01CC]","o":"[\\u006F\\u24DE\\uFF4F\\u00F2\\u00F3\\u00F4\\u1ED3\\u1ED1\\u1ED7\\u1ED5\\u00F5\\u1E4D\\u022D\\u1E4F\\u014D\\u1E51\\u1E53\\u014F\\u022F\\u0231\\u00F6\\u022B\\u1ECF\\u0151\\u01D2\\u020D\\u020F\\u01A1\\u1EDD\\u1EDB\\u1EE1\\u1EDF\\u1EE3\\u1ECD\\u1ED9\\u01EB\\u01ED\\u00F8\\u01FF\\u0254\\uA74B\\uA74D\\u0275]","oi":"[\\u01A3]","ou":"[\\u0223]","oo":"[\\uA74F]","p":"[\\u0070\\u24DF\\uFF50\\u1E55\\u1E57\\u01A5\\u1D7D\\uA751\\uA753\\uA755]","q":"[\\u0071\\u24E0\\uFF51\\u024B\\uA757\\uA759]","r":"[\\u0072\\u24E1\\uFF52\\u0155\\u1E59\\u0159\\u0211\\u0213\\u1E5B\\u1E5D\\u0157\\u1E5F\\u024D\\u027D\\uA75B\\uA7A7\\uA783]","s":"[\\u0073\\u24E2\\uFF53\\u015B\\u1E65\\u015D\\u1E61\\u0161\\u1E67\\u1E63\\u1E69\\u0219\\u015F\\u023F\\uA7A9\\uA785\\u1E9B]","ss":"[\\u00DF]","t":"[\\u0074\\u24E3\\uFF54\\u1E6B\\u1E97\\u0165\\u1E6D\\u021B\\u0163\\u1E71\\u1E6F\\u0167\\u01AD\\u0288\\u2C66\\uA787]","tz":"[\\uA729]","u":"[\\u0075\\u24E4\\uFF55\\u00F9\\u00FA\\u00FB\\u0169\\u1E79\\u016B\\u1E7B\\u016D\\u00FC\\u01DC\\u01D8\\u01D6\\u01DA\\u1EE7\\u016F\\u0171\\u01D4\\u0215\\u0217\\u01B0\\u1EEB\\u1EE9\\u1EEF\\u1EED\\u1EF1\\u1EE5\\u1E73\\u0173\\u1E77\\u1E75\\u0289]","v":"[\\u0076\\u24E5\\uFF56\\u1E7D\\u1E7F\\u028B\\uA75F\\u028C]","vy":"[\\uA761]","w":"[\\u0077\\u24E6\\uFF57\\u1E81\\u1E83\\u0175\\u1E87\\u1E85\\u1E98\\u1E89\\u2C73]","x":"[\\u0078\\u24E7\\uFF58\\u1E8B\\u1E8D]","y":"[\\u0079\\u24E8\\uFF59\\u1EF3\\u00FD\\u0177\\u1EF9\\u0233\\u1E8F\\u00FF\\u1EF7\\u1E99\\u1EF5\\u01B4\\u024F\\u1EFF]","z":"[\\u007A\\u24E9\\uFF5A\\u017A\\u1E91\\u017C\\u017E\\u1E93\\u1E95\\u01B6\\u0225\\u0240\\u2C6C\\uA763]"},"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasRedirection":false,"hasBreadcrumb":false},"homeUrl":"https:\/\/ocr365.com\/sk","objectID":2419,"objectType":"post","locale":"sk","localeFull":"sk_SK","overlayImages":{"play":{"name":"Play icon","url":"https:\/\/ocr365.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","path":"\/var\/www\/vhosts\/ocr365.com\/httpdocs\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-play.png","position":"middle_center"},"gif":{"name":"GIF icon","url":"https:\/\/ocr365.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","path":"\/var\/www\/vhosts\/ocr365.com\/httpdocs\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/icon-gif.png","position":"middle_center"}},"defautOgImage":"https:\/\/ocr365.com\/wp-content\/uploads\/2025\/01\/LOGO8.png","customPermalinks":true,"isUserRegistered":false,"autoSuggestKeywords":false,"connectSiteUrl":"https:\/\/rankmath.com\/auth?site=https%3A%2F%2Focr365.com%2Fsk&r=https%3A%2F%2Focr365.com%2Fsk%2Fwp-json%2Fwp%2Fv2%2Fpages%2F2419%3Fnonce%3Df228e7c17a","maxTags":5,"trendsIcon":"<svg viewBox=\"0 0 610 610\"><path d=\"M18.85,446,174.32,290.48l58.08,58.08L76.93,504a14.54,14.54,0,0,1-20.55,0L18.83,466.48a14.54,14.54,0,0,1,0-20.55Z\" style=\"fill:#4285f4\"\/><path d=\"M242.65,242.66,377.59,377.6l-47.75,47.75a14.54,14.54,0,0,1-20.55,0L174.37,290.43l47.75-47.75A14.52,14.52,0,0,1,242.65,242.66Z\" style=\"fill:#ea4335\"\/><polygon points=\"319.53 319.53 479.26 159.8 537.34 217.88 377.61 377.62 319.53 319.53\" style=\"fill:#fabb05\"\/><path d=\"M594.26,262.73V118.61h0a16.94,16.94,0,0,0-16.94-16.94H433.2a16.94,16.94,0,0,0-12,28.92L565.34,274.71h0a16.94,16.94,0,0,0,28.92-12Z\" style=\"fill:#34a853\"\/><rect width=\"610\" height=\"610\" style=\"fill:none\"\/><\/svg>","showScore":true,"siteFavIcon":"https:\/\/ocr365.com\/wp-content\/uploads\/2025\/01\/cropped-512-32x32.png","canUser":{"general":false,"advanced":false,"snippet":false,"social":false,"analysis":false,"analytics":false,"content_ai":false},"showKeywordIntent":true,"isPro":false,"is_front_page":false,"trendsUpgradeLink":"https:\/\/rankmath.com\/pricing\/?utm_source=Plugin&utm_medium=CE%20General%20Tab%20Trends&utm_campaign=WP","trendsUpgradeLabel":"Upgrade","trendsPreviewImage":"https:\/\/ocr365.com\/wp-content\/plugins\/seo-by-rank-math\/assets\/admin\/img\/trends-preview.jpg","currentEditor":false,"homepageData":{"assessor":{"powerWords":[],"diacritics":true,"researchesTests":["contentHasTOC","contentHasShortParagraphs","contentHasAssets","keywordInTitle","keywordInMetaDescription","keywordInPermalink","keywordIn10Percent","keywordInContent","keywordInSubheadings","keywordInImageAlt","keywordDensity","keywordNotUsed","lengthContent","lengthPermalink","linksHasInternal","linksHasExternals","linksNotAllExternals","titleStartWithKeyword","titleSentiment","titleHasPowerWords","titleHasNumber","hasContentAI"],"hasBreadcrumb":false,"serpData":{"title":"%sitename% %page% %sep% %sitedesc%","description":"","titleTemplate":"%sitename% %page% %sep% %sitedesc%","descriptionTemplate":"","focusKeywords":"","breadcrumbTitle":"Home","robots":{"index":true},"advancedRobots":{"max-snippet":"-1","max-video-preview":"-1","max-image-preview":"large"},"facebookTitle":"","facebookDescription":"","facebookImage":"","facebookImageID":""}}},"tocTitle":"Table of Contents","tocExcludeHeadings":[],"listStyle":"ul"},"_links":{"self":[{"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/pages\/2419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/comments?post=2419"}],"version-history":[{"count":2,"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/pages\/2419\/revisions"}],"predecessor-version":[{"id":2425,"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/pages\/2419\/revisions\/2425"}],"wp:attachment":[{"href":"https:\/\/ocr365.com\/sk\/wp-json\/wp\/v2\/media?parent=2419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}