{"id":1964,"date":"2025-04-11T05:40:36","date_gmt":"2025-04-11T05:40:36","guid":{"rendered":"https:\/\/ocr365.com\/?page_id=1964"},"modified":"2025-08-06T03:28:38","modified_gmt":"2025-08-06T03:28:38","slug":"goruntu-sikistirma","status":"publish","type":"page","link":"https:\/\/ocr365.com\/tr\/image-compression\/","title":{"rendered":"G\u00f6r\u00fcnt\u00fc S\u0131k\u0131\u015ft\u0131rma"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1964\" class=\"elementor elementor-1964\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39d6520d e-con-full e-flex e-con e-parent\" data-id=\"39d6520d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aac1588 elementor-widget elementor-widget-shortcode\" data-id=\"1aac1588\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><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\">G\u00f6r\u00fcnt\u00fc S\u0131k\u0131\u015ft\u0131r<\/h1>\n                <div class=\"compress-jpg-description\">S\u0131k\u0131\u015ft\u0131r <a href='\/tr\/jpg-sikistir\/' style='color:#0073e6;font-weight:bold'>JPG<\/a>, <a href='\/tr\/png-sikistir\/' style='color:#0073e6;font-weight:bold'>PNG<\/a>, <a href='\/tr\/gif-sikistir\/' 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\">G\u00f6r\u00fcnt\u00fcleri se\u00e7in<\/span>\n                            <\/button>\n                    <\/div>\n                    \n                    <p class=\"ic-drop-text\" data-translatepress=\"drop_files\">veya dosyalar\u0131 buraya b\u0131rak\u0131n<\/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\">G\u00fc\u00e7l\u00fc s\u0131k\u0131\u015ft\u0131rma arac\u0131m\u0131zla web sitenizin g\u00f6rsellerini an\u0131nda optimize edin. Kaliteyi korurken dosya boyutlar\u0131n\u0131 k\u00fc\u00e7\u00fclt\u00fcn. Kay\u0131t veya kurulum gerekmez.<\/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\">Dosya boyutunu 80%'ye kadar k\u00fc\u00e7\u00fclt\u00fcn<\/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\">Web sitenizin y\u00fcklenme s\u00fcresini h\u0131zland\u0131r\u0131n<\/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\/compressor.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <div class=\"imgcomp-container\" style=\"box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-radius: 20px; overflow: hidden; padding: 30px;\">\r\n        <section class=\"imgcomp-features\" style=\"position: relative;\">\r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #3b82f6;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\">\r\n                    <i class=\"fas fa-bolt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Ultra H\u0131zl\u0131 S\u0131k\u0131\u015ft\u0131rma<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">Optimize edilmi\u015f algoritmalar\u0131m\u0131z g\u00f6r\u00fcnt\u00fclerinizi saniyeler i\u00e7inde s\u0131k\u0131\u015ft\u0131rarak size de\u011ferli zaman kazand\u0131r\u0131rken ola\u011fan\u00fcst\u00fc sonu\u00e7lar sunar.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #10b981;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3);\">\r\n                    <i class=\"fas fa-gem\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Kalite Koruma<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">ImageOptimizer, dosya boyutunu 80%'ye kadar \u00f6nemli \u00f6l\u00e7\u00fcde azalt\u0131rken g\u00f6rsel kaliteyi korumak i\u00e7in geli\u015fmi\u015f teknikler kullan\u0131r.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #6366f1;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #6366f1, #4f46e5); box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);\">\r\n                    <i class=\"fas fa-shield-alt\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">100% G\u00fcvenli<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">Gizlili\u011finiz \u00f6nemlidir. T\u00fcm y\u00fcklemeler \u015fifrelenir ve i\u015flendikten sonra otomatik olarak silinir. Resimlerinizi asla kal\u0131c\u0131 olarak saklam\u0131yoruz.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #f59e0b;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);\">\r\n                    <i class=\"fas fa-cloud\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Kurulum Gerektirmez<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">Herhangi bir yaz\u0131l\u0131m indirmeden veya y\u00fcklemeden arac\u0131m\u0131z\u0131 do\u011frudan taray\u0131c\u0131n\u0131zda kullan\u0131n. Herhangi bir cihazdan, herhangi bir yerden eri\u015fin.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #ec4899;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #ec4899, #db2777); box-shadow: 0 10px 15px -3px rgba(236, 72, 153, 0.3);\">\r\n                    <i class=\"fas fa-sliders-h\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">\u00d6zel S\u0131k\u0131\u015ft\u0131rma<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">Kalite ve dosya boyutu aras\u0131ndaki m\u00fckemmel dengeyi bularak s\u0131k\u0131\u015ft\u0131rma seviyelerini \u00f6zel ihtiya\u00e7lar\u0131n\u0131za g\u00f6re ayarlay\u0131n.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #8b5cf6;\">\r\n                <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3);\">\r\n                    <i class=\"fas fa-infinity\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">S\u0131n\u0131rs\u0131z Kullan\u0131m<\/h3>\r\n                <p class=\"imgcomp-feature-desc\">Hi\u00e7bir gizli \u00fccret veya abonelik gereksinimi olmadan, tamamen \u00fccretsiz olarak ihtiyac\u0131n\u0131z kadar g\u00f6r\u00fcnt\u00fcy\u00fc s\u0131k\u0131\u015ft\u0131r\u0131n.<\/p>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-formats\" style=\"background-color: #f8fafc; padding: 30px; border-radius: 16px; margin-top: 40px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\">\r\n            <div class=\"imgcomp-format\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.15);\">\r\n                <div class=\"imgcomp-format-icon\" style=\"color: #3b82f6;\">\r\n                    <i class=\"far fa-file-image\"><\/i>\r\n                <\/div>\r\n                <p class=\"imgcomp-format-name\" style=\"color: #1e293b; font-weight: 600;\">JPG\/JPEG<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-format\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.15);\">\r\n                <div class=\"imgcomp-format-icon\" style=\"color: #10b981;\">\r\n                    <i class=\"far fa-file-image\"><\/i>\r\n                <\/div>\r\n                <p class=\"imgcomp-format-name\" style=\"color: #1e293b; font-weight: 600;\">PNG<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-format\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.15);\">\r\n                <div class=\"imgcomp-format-icon\" style=\"color: #8b5cf6;\">\r\n                    <i class=\"far fa-file-image\"><\/i>\r\n                <\/div>\r\n                <p class=\"imgcomp-format-name\" style=\"color: #1e293b; font-weight: 600;\">GIF<\/p>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-how-it-works\" style=\"background: linear-gradient(145deg, #f8fafc, #f1f5f9); margin-top: 40px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\">\r\n            <h2 class=\"imgcomp-section-title\" style=\"color: #1e293b; position: relative; padding-bottom: 15px;\">\r\n                Nas\u0131l \u00c7al\u0131\u015f\u0131r\r\n                <span style=\"position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, #3b82f6, #10b981); border-radius: 2px; display: block;\"><\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"imgcomp-steps\">\r\n                <div class=\"imgcomp-step\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; background-color: white; transform: translateY(-5px);\">\r\n                    <div class=\"imgcomp-step-number\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\">1<\/div>\r\n                    <h3 class=\"imgcomp-step-title\" style=\"color: #1e293b;\">Y\u00fckle<\/h3>\r\n                    <p class=\"imgcomp-step-desc\">Resimlerinizi se\u00e7in veya basit\u00e7e s\u00fcr\u00fckleyip y\u00fckleme alan\u0131na b\u0131rak\u0131n.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-step\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; background-color: white; transform: translateY(-5px);\">\r\n                    <div class=\"imgcomp-step-number\" style=\"background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3);\">2<\/div>\r\n                    <h3 class=\"imgcomp-step-title\" style=\"color: #1e293b;\">S\u0131k\u0131\u015ft\u0131r<\/h3>\r\n                    <p class=\"imgcomp-step-desc\">Algoritmalar\u0131m\u0131z kaliteyi korurken g\u00f6r\u00fcnt\u00fclerinizi otomatik olarak optimize eder.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-step\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; background-color: white; transform: translateY(-5px);\">\r\n                    <div class=\"imgcomp-step-number\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3);\">3<\/div>\r\n                    <h3 class=\"imgcomp-step-title\" style=\"color: #1e293b;\">\u0130ndirmek<\/h3>\r\n                    <p class=\"imgcomp-step-desc\">S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f resimlerinizi tek tek veya bir ZIP dosyas\u0131na kaydedin.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-stats\" style=\"margin-top: 40px;\">\r\n            <div class=\"imgcomp-stat\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-bottom: 4px solid #3b82f6; background-color: white; transform: translateY(-5px);\">\r\n                <div class=\"imgcomp-stat-number\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">50000+<\/div>\r\n                <div class=\"imgcomp-stat-label\" style=\"color: #475569; font-weight: 500;\">S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f G\u00f6r\u00fcnt\u00fcler<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-stat\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-bottom: 4px solid #10b981; background-color: white; transform: translateY(-5px);\">\r\n                <div class=\"imgcomp-stat-number\" style=\"background: linear-gradient(135deg, #10b981, #059669); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">80%<\/div>\r\n                <div class=\"imgcomp-stat-label\" style=\"color: #475569; font-weight: 500;\">Ortalama Boyut K\u00fc\u00e7\u00fcltme<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-stat\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-bottom: 4px solid #8b5cf6; background-color: white; transform: translateY(-5px);\">\r\n                <div class=\"imgcomp-stat-number\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">100%<\/div>\r\n                <div class=\"imgcomp-stat-label\" style=\"color: #475569; font-weight: 500;\">Sonsuza Kadar \u00d6zg\u00fcr<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-stat\" style=\"box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-bottom: 4px solid #f59e0b; background-color: white; transform: translateY(-5px);\">\r\n                <div class=\"imgcomp-stat-number\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">20MB<\/div>\r\n                <div class=\"imgcomp-stat-label\" style=\"color: #475569; font-weight: 500;\">Maksimum Dosya Boyutu<\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-benefits\">\r\n            <h2 class=\"imgcomp-section-title\">G\u00f6r\u00fcnt\u00fclerinizi Neden S\u0131k\u0131\u015ft\u0131rmal\u0131s\u0131n\u0131z?<\/h2>\r\n            \r\n            <div class=\"imgcomp-benefits-list\">\r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>Daha H\u0131zl\u0131 Web Sitesi Y\u00fckleme<\/strong> - S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6r\u00fcnt\u00fcler sayfa y\u00fckleme s\u00fcrelerini \u00f6nemli \u00f6l\u00e7\u00fcde azaltarak kullan\u0131c\u0131 deneyimini ve SEO s\u0131ralamalar\u0131n\u0131 iyile\u015ftirir.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-mobile-alt\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>Mobil Veri Tasarrufu<\/strong> - Daha k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fc boyutlar\u0131, mobil ziyaret\u00e7ileriniz i\u00e7in daha az veri t\u00fcketimi anlam\u0131na gelir.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-server\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>Depolama \u0130htiya\u00e7lar\u0131n\u0131 Azalt\u0131n<\/strong> - Sunucular\u0131n\u0131zda ve cihazlar\u0131n\u0131zda de\u011ferli disk alan\u0131ndan tasarruf edin.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-search\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>SEO'yu Geli\u015ftirin<\/strong> - Arama motorlar\u0131, optimize edilmi\u015f g\u00f6rsellere sahip h\u0131zl\u0131 y\u00fcklenen web sitelerini tercih eder.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-envelope\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>E-posta Dostu Dosyalar<\/strong> - Ek boyutu s\u0131n\u0131rlar\u0131na tak\u0131lmadan e-posta yoluyla g\u00f6r\u00fcnt\u00fc g\u00f6nderin.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-benefit\">\r\n                    <div class=\"imgcomp-benefit-icon\">\r\n                        <i class=\"fas fa-globe-americas\"><\/i>\r\n                    <\/div>\r\n                    <p class=\"imgcomp-benefit-text\"><strong>\u00c7evre Dostu<\/strong> - Daha k\u00fc\u00e7\u00fck dosya aktar\u0131mlar\u0131, daha az enerji t\u00fcketimi ve karbon ayak izi anlam\u0131na gelir.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-tech\" style=\"margin-top: 40px; background: linear-gradient(145deg, #f8fafc, #f1f5f9); padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\">\r\n            <h2 class=\"imgcomp-section-title\" style=\"color: #1e293b; position: relative; padding-bottom: 15px;\">\r\n                Geli\u015fmi\u015f S\u0131k\u0131\u015ft\u0131rma Teknolojisi\r\n                <span style=\"position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, #3b82f6, #10b981); border-radius: 2px; display: block;\"><\/span>\r\n            <\/h2>\r\n            <div style=\"max-width: 900px; margin: 0 auto; line-height: 1.6; color: #475569; margin-bottom: 40px; text-align: left;\">\r\n                <p>G\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma platformumuz, farkl\u0131 g\u00f6r\u00fcnt\u00fc formatlar\u0131 i\u00e7in \u00f6zel olarak optimize edilmi\u015f son teknoloji algoritmalar kullan\u0131r. S\u0131k\u0131\u015ft\u0131rma y\u00f6ntemlerimizin teknik y\u00f6nlerini anlamak, \u00f6zel ihtiya\u00e7lar\u0131n\u0131z i\u00e7in en iyi sonu\u00e7lar\u0131 elde etmenize yard\u0131mc\u0131 olabilir.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-features\" style=\"margin-top: 20px;\">\r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #3b82f6;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.3);\">\r\n                        <i class=\"fas fa-cogs\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Kay\u0131pl\u0131 ve Kay\u0131ps\u0131z S\u0131k\u0131\u015ft\u0131rma<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">Her iki s\u0131k\u0131\u015ft\u0131rma t\u00fcr\u00fcn\u00fc de sunuyoruz. Kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma, orijinal verilerin 100%'sini korurken dosya boyutunu azalt\u0131r, metin veya ill\u00fcstrasyon i\u00e7eren grafikler i\u00e7in idealdir. Kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma, verileri se\u00e7ici olarak atarak daha y\u00fcksek s\u0131k\u0131\u015ft\u0131rma oranlar\u0131na ula\u015f\u0131r, foto\u011fraflar ve karma\u015f\u0131k g\u00f6r\u00fcnt\u00fcler i\u00e7in m\u00fckemmeldir.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #10b981;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #10b981, #059669); box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.3);\">\r\n                        <i class=\"fas fa-microchip\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">JPEG Optimizasyonu<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">JPEG g\u00f6r\u00fcnt\u00fcleri i\u00e7in, optimize edilmi\u015f niceleme tablolar\u0131na sahip ayr\u0131k kosin\u00fcs d\u00f6n\u00fc\u015f\u00fcm\u00fc (DCT) algoritmalar\u0131 kullan\u0131yoruz. Bu, insan g\u00f6r\u00fc\u015f\u00fcn\u00fcn daha az hassas oldu\u011fu g\u00f6r\u00fcnt\u00fc alanlar\u0131n\u0131 hedeflememize ve minimum alg\u0131lanabilir kalite kayb\u0131yla y\u00fcksek s\u0131k\u0131\u015ft\u0131rma oranlar\u0131na ula\u015fmam\u0131za olanak tan\u0131r.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #f59e0b;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #f59e0b, #d97706); box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);\">\r\n                        <i class=\"fas fa-compress-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">PNG Optimizasyonu<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">PNG s\u0131k\u0131\u015ft\u0131rmam\u0131z, optimize edilmi\u015f Huffman kodlamas\u0131 ve ek filtreleme teknikleri ile geli\u015fmi\u015f Deflate algoritmas\u0131 uygulamalar\u0131n\u0131 kullan\u0131r. S\u0131n\u0131rl\u0131 renk paletine sahip PNG'ler i\u00e7in, uygun oldu\u011funda otomatik olarak indeksli renk azaltma uyguluyoruz.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #8b5cf6;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed); box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3);\">\r\n                        <i class=\"fas fa-film\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">GIF Optimizasyonu<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">GIF g\u00f6r\u00fcnt\u00fcleri i\u00e7in kare verilerini optimize ediyor, renk paletlerini ak\u0131ll\u0131ca azalt\u0131yor ve animasyonlar i\u00e7in kareler aras\u0131 optimizasyon uyguluyoruz. Bu sayede kare kalitesinden veya animasyon ak\u0131c\u0131l\u0131\u011f\u0131ndan \u00f6d\u00fcn vermeden \u00f6nemli \u00f6l\u00e7\u00fcde daha k\u00fc\u00e7\u00fck animasyonlu GIF'ler elde ediyoruz.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #6366f1;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #6366f1, #4f46e5); box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);\">\r\n                        <i class=\"fas fa-low-vision\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Alg\u0131sal Optimizasyon<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">Algoritmalar\u0131m\u0131z, insan g\u00f6rsel alg\u0131s\u0131n\u0131 taklit eden alg\u0131sal modeller i\u00e7ermekte ve s\u0131k\u0131\u015ft\u0131rma \u00e7abalar\u0131n\u0131 de\u011fi\u015fikliklerin insan g\u00f6z\u00fc taraf\u0131ndan daha az fark edildi\u011fi alanlara odaklamaktad\u0131r. Bu yakla\u015f\u0131m, s\u0131k\u0131\u015ft\u0131rma verimlili\u011fini en \u00fcst d\u00fczeye \u00e7\u0131kar\u0131rken alg\u0131lanan kaliteyi korur.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"imgcomp-feature\" style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-top: 4px solid #ec4899;\">\r\n                    <div class=\"imgcomp-feature-icon\" style=\"background: linear-gradient(135deg, #ec4899, #db2777); box-shadow: 0 10px 15px -3px rgba(236, 72, 153, 0.3);\">\r\n                        <i class=\"fas fa-layer-group\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"imgcomp-feature-title\" style=\"color: #1e293b;\">Toplu \u0130\u015fleme Zekas\u0131<\/h3>\r\n                    <p class=\"imgcomp-feature-desc\">Ak\u0131ll\u0131 toplu i\u015fleme sistemimiz her g\u00f6r\u00fcnt\u00fcy\u00fc otomatik olarak ayr\u0131 ayr\u0131 analiz ederek i\u00e7erik t\u00fcr\u00fc, karma\u015f\u0131kl\u0131k ve renk da\u011f\u0131l\u0131m\u0131na g\u00f6re en uygun s\u0131k\u0131\u015ft\u0131rma ayarlar\u0131n\u0131 uygular. Her dosya i\u00e7in \u00f6zelle\u015ftirilmi\u015f optimizasyon ile y\u00fczlerce g\u00f6r\u00fcnt\u00fcy\u00fc ayn\u0131 anda i\u015fleyin.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-comparison\">\r\n            <h2 class=\"imgcomp-section-title\">S\u0131k\u0131\u015ft\u0131rma \u00d6ncesi ve Sonras\u0131<\/h2>\r\n            <div style=\"max-width: 900px; margin: 0 auto 40px; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;\">\r\n                <div style=\"text-align: center; max-width: 400px;\">\r\n                    <div style=\"border: 2px solid #e2e8f0; border-radius: 8px; padding: 10px; margin-bottom: 15px; background-color: #f7fafc;\">\r\n                        <div style=\"width: 100%; height: 200px; background-color: #edf2f7; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;\">\r\n                            <i class=\"far fa-image\" style=\"font-size: 60px; color: #a0aec0;\"><\/i>\r\n                        <\/div>\r\n                        <p style=\"margin: 0; color: #4a5568;\"><strong>Orijinal:<\/strong> 2.4 MB<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div style=\"text-align: center; max-width: 400px;\">\r\n                    <div style=\"border: 2px solid #e2e8f0; border-radius: 8px; padding: 10px; margin-bottom: 15px; background-color: #f7fafc;\">\r\n                        <div style=\"width: 100%; height: 200px; background-color: #edf2f7; display: flex; justify-content: center; align-items: center; margin-bottom: 10px;\">\r\n                            <i class=\"far fa-image\" style=\"font-size: 60px; color: #a0aec0;\"><\/i>\r\n                        <\/div>\r\n                        <p style=\"margin: 0; color: #4a5568;\"><strong>S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f:<\/strong> 420 KB (82% daha k\u00fc\u00e7\u00fck)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div style=\"max-width: 800px; margin: 0 auto; text-align: center;\">\r\n                <p style=\"color: #4a5568; line-height: 1.6;\">G\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma, kaliteden \u00f6d\u00fcn vermek anlam\u0131na gelmek zorunda de\u011fildir. Yukar\u0131daki \u00f6rnek, ak\u0131ll\u0131 s\u0131k\u0131\u015ft\u0131rma algoritmalar\u0131m\u0131z\u0131n g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fc korurken dosya boyutunu nas\u0131l 82%'ye kadar azaltabildi\u011fini g\u00f6stermektedir. \u0130nsan g\u00f6z\u00fc fark\u0131 neredeyse hi\u00e7 alg\u0131layamaz, ancak performans etkisi \u00f6nemlidir.<\/p>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-use-cases\" style=\"margin-top: 40px;\">\r\n            <h2 class=\"imgcomp-section-title\" style=\"color: #1e293b; position: relative; padding-bottom: 15px;\">\r\n                Sekt\u00f6re \u00d6zel Uygulamalar\r\n                <span style=\"position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, #3b82f6, #10b981); border-radius: 2px; display: block;\"><\/span>\r\n            <\/h2>\r\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px;\">\r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #3b82f6;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);\">\r\n                            <i class=\"fas fa-shopping-cart\"><\/i>\r\n                        <\/span>\r\n                        E-ticaret\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">Online ma\u011fazalar sat\u0131\u015flar\u0131 art\u0131rmak i\u00e7in \u00fcr\u00fcn g\u00f6rsellerine b\u00fcy\u00fck \u00f6l\u00e7\u00fcde g\u00fcvenir, ancak optimize edilmemi\u015f g\u00f6rseller sayfan\u0131n y\u00fcklenmesini yava\u015flatabilir. S\u0131k\u0131\u015ft\u0131rma teknolojimiz, g\u00f6rsel kaliteyi korurken \u00fcr\u00fcn galerilerinizin an\u0131nda y\u00fcklenmesini sa\u011flar. Ara\u015ft\u0131rmalar, y\u00fckleme s\u00fcresindeki 1 saniyelik bir iyile\u015fmenin d\u00f6n\u00fc\u015f\u00fcmleri 7% oran\u0131nda art\u0131rabilece\u011fini ve hemen \u00e7\u0131kma oranlar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde azaltabilece\u011fini g\u00f6steriyor.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">T\u00fcm \u00fcr\u00fcn kataloglar\u0131n\u0131 verimli bir \u015fekilde toplu olarak s\u0131k\u0131\u015ft\u0131r\u0131n<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">Do\u011fru \u00fcr\u00fcn temsili i\u00e7in renk do\u011frulu\u011funu koruyun<\/li>\r\n                        <li>Mobil m\u00fc\u015fteriler i\u00e7in kalite ve dosya boyutunu dengeleyin<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #10b981;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #10b981, #059669); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(5, 150, 105, 0.2);\">\r\n                            <i class=\"fas fa-camera\"><\/i>\r\n                        <\/span>\r\n                        Foto\u011fraf\u00e7\u0131l\u0131k\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">Profesyonel foto\u011fraf\u00e7\u0131lar\u0131n portf\u00f6y kalitesi ile web sitesi performans\u0131n\u0131 dengelemeleri gerekir. \u00d6zel algoritmalar\u0131m\u0131z foto\u011fraf\u00e7\u0131l\u0131kta kritik \u00f6nem ta\u015f\u0131yan ince ayr\u0131nt\u0131lar\u0131, renk do\u011frulu\u011funu ve ton ge\u00e7i\u015flerini korurken dosya boyutlar\u0131n\u0131 70%'ye kadar azalt\u0131r. Bu, foto\u011fraf\u00e7\u0131lar\u0131n y\u00fckleme h\u0131z\u0131ndan veya g\u00f6rsel etkiden \u00f6d\u00fcn vermeden daha fazla \u00e7al\u0131\u015fmay\u0131 \u00e7evrimi\u00e7i sergilemelerine olanak tan\u0131r.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">Vurgu ve g\u00f6lgelerdeki ayr\u0131nt\u0131lar\u0131 koruyun<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">Profesyonel \u00e7al\u0131\u015fma i\u00e7in gerekti\u011finde EXIF verilerini koruyun<\/li>\r\n                        <li>Orijinalleri oldu\u011fu gibi koruyarak web i\u00e7in optimize edilmi\u015f s\u00fcr\u00fcmler olu\u015fturun<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #8b5cf6;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(124, 58, 237, 0.2);\">\r\n                            <i class=\"fas fa-newspaper\"><\/i>\r\n                        <\/span>\r\n                        Bloglama ve Yay\u0131nc\u0131l\u0131k\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">\u0130\u00e7erik olu\u015fturucular ve yay\u0131nc\u0131lar, uygun \u015fekilde s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6rsellerle sayfa h\u0131z\u0131n\u0131 ve kullan\u0131c\u0131 etkile\u015fimini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilir. Optimize edilmi\u015f g\u00f6rsellere sahip medya a\u00e7\u0131s\u0131ndan zengin makaleler arama sonu\u00e7lar\u0131nda daha \u00fcst s\u0131ralarda yer al\u0131r ve okuyucular\u0131n daha uzun s\u00fcre etkile\u015fimde kalmas\u0131n\u0131 sa\u011flar. Arac\u0131m\u0131z, i\u00e7erik ekiplerinin yay\u0131nlanan t\u00fcm materyallerde tutarl\u0131 g\u00f6r\u00fcnt\u00fc optimizasyonu sa\u011flamas\u0131na yard\u0131mc\u0131 olur.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">Daha h\u0131zl\u0131 y\u00fckleme s\u00fcreleri i\u00e7in \u00f6ne \u00e7\u0131kan g\u00f6rselleri optimize edin<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">Daha h\u0131zl\u0131 sayfa performans\u0131 ile hemen \u00e7\u0131kma oranlar\u0131n\u0131 azalt\u0131n<\/li>\r\n                        <li>Daha iyi temel web hayati \u00f6zellikleri sayesinde SEO s\u0131ralamalar\u0131n\u0131 iyile\u015ftirin<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #f59e0b;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #f59e0b, #d97706); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(217, 119, 6, 0.2);\">\r\n                            <i class=\"fas fa-laptop-code\"><\/i>\r\n                        <\/span>\r\n                        Web Geli\u015ftirme\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">Web geli\u015ftiricileri, g\u00f6r\u00fcnt\u00fc optimizasyonunun performans i\u00e7in kritik \u00f6neme sahip oldu\u011funu bilir. S\u0131k\u0131\u015ft\u0131rma arac\u0131m\u0131z, ister API'miz arac\u0131l\u0131\u011f\u0131yla ister derleme s\u00fcrecinizin bir par\u00e7as\u0131 olarak geli\u015ftirme i\u015f ak\u0131\u015flar\u0131na sorunsuz bir \u015fekilde entegre olur. Otomatik g\u00f6r\u00fcnt\u00fc optimizasyonu, daha iyi Core Web Vitals puanlar\u0131 elde edilmesine yard\u0131mc\u0131 olur ve genel site performans\u0131 \u00f6l\u00e7\u00fcmlerini iyile\u015ftirir.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">Temel Web Vitals puanlar\u0131n\u0131 iyile\u015ftirin (LCP, CLS)<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">Sunucu bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131 ve bar\u0131nd\u0131rma maliyetlerini azalt\u0131n<\/li>\r\n                        <li>T\u00fcm cihazlarda tutarl\u0131 performans sa\u011flay\u0131n<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #ec4899;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #ec4899, #db2777); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(219, 39, 119, 0.2);\">\r\n                            <i class=\"fas fa-hashtag\"><\/i>\r\n                        <\/span>\r\n                        Sosyal Medya Pazarlamas\u0131\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">Sosyal medya pazarlamac\u0131lar\u0131, birden fazla platformda g\u00f6rsel etkiyi korurken h\u0131zl\u0131 y\u00fcklenen optimize edilmi\u015f g\u00f6rsellere ihtiya\u00e7 duyar. S\u0131k\u0131\u015ft\u0131rma teknolojimiz, g\u00f6rsellerin ak\u0131\u015flarda ve hikayelerde an\u0131nda g\u00f6r\u00fcnmesini sa\u011flayarak etkile\u015fimi art\u0131r\u0131r. Optimize edilmi\u015f g\u00f6rseller, y\u00fckleme s\u00fcrelerini k\u0131saltarak ve kullan\u0131c\u0131 deneyimini geli\u015ftirerek reklam performans\u0131n\u0131 da art\u0131r\u0131r.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">Her sosyal a\u011f i\u00e7in platforma \u00f6zel optimizasyon<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">Dosya boyutunu azalt\u0131rken g\u00f6rsel etkiyi koruyun<\/li>\r\n                        <li>Daha h\u0131zl\u0131 y\u00fcklenen reklam \u00f6\u011feleriyle reklam performans\u0131n\u0131 art\u0131r\u0131n<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div style=\"background: linear-gradient(145deg, #ffffff, #f8fafc); border-radius: 16px; padding: 30px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); border: 1px solid #e2e8f0; border-top: 4px solid #6366f1;\">\r\n                    <div style=\"margin-bottom: 15px; font-size: 22px; color: #1e293b; display: flex; align-items: center;\">\r\n                        <span style=\"background: linear-gradient(135deg, #6366f1, #4f46e5); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 15px; box-shadow: 0 4px 6px rgba(79, 70, 229, 0.2);\">\r\n                            <i class=\"fas fa-graduation-cap\"><\/i>\r\n                        <\/span>\r\n                        E\u011fitim\r\n                    <\/div>\r\n                    <p style=\"color: #475569; line-height: 1.6; margin-bottom: 15px;\">E\u011fitim kurumlar\u0131 ve e-\u00f6\u011frenme platformlar\u0131, bant geni\u015fli\u011fini zorlamadan \u00f6\u011frenme deneyimlerini geli\u015ftiren optimize edilmi\u015f g\u00f6rsel materyallerden yararlan\u0131r. S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6r\u00fcnt\u00fcler, kurs materyallerinin internet ba\u011flant\u0131 kalitelerinden ba\u011f\u0131ms\u0131z olarak t\u00fcm \u00f6\u011frenciler i\u00e7in h\u0131zl\u0131 bir \u015fekilde y\u00fcklenmesini sa\u011flar. Bu da eri\u015filebilirli\u011fi ve genel \u00f6\u011frenme etkinli\u011fini art\u0131r\u0131r.<\/p>\r\n                    <ul style=\"color: #475569; padding-left: 20px;\">\r\n                        <li style=\"margin-bottom: 8px;\">E\u011fitim kaynaklar\u0131n\u0131 ve ders kitab\u0131 g\u00f6rsellerini optimize edin<\/li>\r\n                        <li style=\"margin-bottom: 8px;\">S\u0131n\u0131rl\u0131 internete sahip \u00f6\u011frenciler i\u00e7in eri\u015filebilirli\u011fi sa\u011flay\u0131n<\/li>\r\n                        <li>\u00d6\u011frenme y\u00f6netim sistemleri i\u00e7in y\u00fckleme s\u00fcrelerini azalt\u0131n<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-testimonials\">\r\n            <h2 class=\"imgcomp-section-title\">Kullan\u0131c\u0131lar\u0131m\u0131z Ne Diyor<\/h2>\r\n            \r\n            <div class=\"imgcomp-testimonial\">\r\n                <p class=\"imgcomp-testimonial-text\">\"ImageOptimizer e-ticaret sitemizi yava\u015f y\u00fckleme s\u00fcrelerinden kurtard\u0131. 500'den fazla \u00fcr\u00fcn g\u00f6rselini s\u0131k\u0131\u015ft\u0131rd\u0131k ve sayfa h\u0131z\u0131nda 40%'lik bir iyile\u015fme g\u00f6rd\u00fck. D\u00f6n\u00fc\u015f\u00fcm oran\u0131m\u0131z ilk ayda 15% artt\u0131!\"<\/p>\r\n                <div class=\"imgcomp-testimonial-author\">\r\n                    <div class=\"imgcomp-author-avatar\"><\/div>\r\n                    <div>\r\n                        <div class=\"imgcomp-author-name\">Michael Roberts<\/div>\r\n                        <div class=\"imgcomp-author-title\">E-ticaret M\u00fcd\u00fcr\u00fc<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-testimonial\">\r\n                <p class=\"imgcomp-testimonial-text\">\"Bir foto\u011fraf\u00e7\u0131 olarak, kalite kayb\u0131ndan korktu\u011fum i\u00e7in g\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma konusunda \u015f\u00fcpheciydim. ImageOptimizer, \u00e7al\u0131\u015fmalar\u0131mda \u00f6nemli olan ayr\u0131nt\u0131lar\u0131 korurken dosya boyutlar\u0131n\u0131 k\u00fc\u00e7\u00fcltme becerisiyle beni \u015fa\u015f\u0131rtt\u0131. Art\u0131k portf\u00f6y\u00fcm\u00fc \u00f6d\u00fcn vermeden \u00e7evrimi\u00e7i olarak payla\u015fabiliyorum.\"<\/p>\r\n                <div class=\"imgcomp-testimonial-author\">\r\n                    <div class=\"imgcomp-author-avatar\"><\/div>\r\n                    <div>\r\n                        <div class=\"imgcomp-author-name\">Emma Wilson<\/div>\r\n                        <div class=\"imgcomp-author-title\">Profesyonel Foto\u011fraf\u00e7\u0131<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        \r\n        <section class=\"imgcomp-faq\" style=\"margin-top: 40px; background: linear-gradient(145deg, #f8fafc, #f1f5f9); padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\">\r\n            <h2 class=\"imgcomp-section-title\" style=\"color: #1e293b; position: relative; padding-bottom: 15px;\">\r\n                S\u0131k\u00e7a Sorulan Sorular\r\n                <span style=\"position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(to right, #3b82f6, #10b981); border-radius: 2px; display: block;\"><\/span>\r\n            <\/h2>\r\n            \r\n            <div class=\"imgcomp-faq-item\" style=\"background-color: white; border-radius: 12px; padding: 0 20px; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-left: 4px solid #3b82f6; overflow: hidden; transition: all 0.3s ease;\">\r\n                <div class=\"imgcomp-faq-question\" style=\"font-size: 18px; font-weight: 600; padding: 20px 0; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center;\">\r\n                    G\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma nas\u0131l \u00e7al\u0131\u015f\u0131r?\r\n                    <span class=\"faq-icon\" style=\"width: 24px; height: 24px; background-color: #3b82f6; border-radius: 50%; color: white; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;\">+<\/span>\r\n                <\/div>\r\n                <div class=\"imgcomp-faq-answer\" style=\"display: none; font-size: 15px; color: #475569; line-height: 1.7; padding: 0 0 20px; border-top: 1px solid #e2e8f0; margin-top: 10px;\">G\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma, gereksiz g\u00f6r\u00fcnt\u00fc verilerini azaltarak \u00e7al\u0131\u015f\u0131r. Arac\u0131m\u0131z, g\u00f6rsel kaliteyi korurken gereksiz bilgileri kald\u0131rmak i\u00e7in her g\u00f6r\u00fcnt\u00fcy\u00fc analiz eden ak\u0131ll\u0131 algoritmalar kullan\u0131r. Dosya format\u0131na ve se\u00e7ti\u011finiz ayarlara ba\u011fl\u0131 olarak hem kay\u0131pl\u0131 hem de kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma teknikleri uyguluyoruz.<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-faq-item\" style=\"background-color: white; border-radius: 12px; padding: 0 20px; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-left: 4px solid #10b981; overflow: hidden; transition: all 0.3s ease;\">\r\n                <div class=\"imgcomp-faq-question\" style=\"font-size: 18px; font-weight: 600; padding: 20px 0; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center;\">\r\n                    S\u0131k\u0131\u015ft\u0131rma g\u00f6r\u00fcnt\u00fclerimin kalitesini etkiler mi?\r\n                    <span class=\"faq-icon\" style=\"width: 24px; height: 24px; background-color: #10b981; border-radius: 50%; color: white; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;\">+<\/span>\r\n                <\/div>\r\n                <div class=\"imgcomp-faq-answer\" style=\"display: none; font-size: 15px; color: #475569; line-height: 1.7; padding: 0 0 20px; border-top: 1px solid #e2e8f0; margin-top: 10px;\">Geli\u015fmi\u015f s\u0131k\u0131\u015ft\u0131rma teknolojimiz g\u00f6r\u00fcn\u00fcr kalite kayb\u0131n\u0131 en aza indirmek i\u00e7in tasarlanm\u0131\u015ft\u0131r. \u00c7o\u011fu g\u00f6r\u00fcnt\u00fc i\u00e7in, \u00f6zellikle web kullan\u0131m\u0131nda, fark insan g\u00f6z\u00fc taraf\u0131ndan alg\u0131lanamaz. Dosya boyutu ve kalite aras\u0131ndaki m\u00fckemmel dengeyi bulmak i\u00e7in s\u0131k\u0131\u015ft\u0131rma seviyelerini ayarlayabilirsiniz. Kritik profesyonel \u00e7al\u0131\u015fmalar i\u00e7in \"Y\u00fcksek Kalite\" ayar\u0131m\u0131z\u0131 kullanman\u0131z\u0131 \u00f6neririz.<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-faq-item\" style=\"background-color: white; border-radius: 12px; padding: 0 20px; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-left: 4px solid #8b5cf6; overflow: hidden; transition: all 0.3s ease;\">\r\n                <div class=\"imgcomp-faq-question\" style=\"font-size: 18px; font-weight: 600; padding: 20px 0; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center;\">\r\n                    S\u0131k\u0131\u015ft\u0131rabilece\u011fim g\u00f6r\u00fcnt\u00fc say\u0131s\u0131 i\u00e7in bir s\u0131n\u0131r var m\u0131?\r\n                    <span class=\"faq-icon\" style=\"width: 24px; height: 24px; background-color: #8b5cf6; border-radius: 50%; color: white; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;\">+<\/span>\r\n                <\/div>\r\n                <div class=\"imgcomp-faq-answer\" style=\"display: none; font-size: 15px; color: #475569; line-height: 1.7; padding: 0 0 20px; border-top: 1px solid #e2e8f0; margin-top: 10px;\">Hay\u0131r, s\u0131k\u0131\u015ft\u0131rabilece\u011finiz g\u00f6r\u00fcnt\u00fc say\u0131s\u0131nda herhangi bir s\u0131n\u0131rlama yoktur. Hizmetimizi tamamen \u00fccretsiz olarak istedi\u011finiz kadar kullanabilirsiniz. Optimum performans i\u00e7in g\u00f6rsel ba\u015f\u0131na 20 MB dosya boyutu s\u0131n\u0131r\u0131m\u0131z vard\u0131r ve ayn\u0131 anda en fazla 20 g\u00f6rsel y\u00fckleyebilirsiniz.<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"imgcomp-faq-item\" style=\"background-color: white; border-radius: 12px; padding: 0 20px; margin-bottom: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); border-left: 4px solid #f59e0b; overflow: hidden; transition: all 0.3s ease;\">\r\n                <div class=\"imgcomp-faq-question\" style=\"font-size: 18px; font-weight: 600; padding: 20px 0; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center;\">\r\n                    Bu arac\u0131 kullan\u0131rken verilerim g\u00fcvende mi?\r\n                    <span class=\"faq-icon\" style=\"width: 24px; height: 24px; background-color: #f59e0b; border-radius: 50%; color: white; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;\">+<\/span>\r\n                <\/div>\r\n                <div class=\"imgcomp-faq-answer\" style=\"display: none; font-size: 15px; color: #475569; line-height: 1.7; padding: 0 0 20px; border-top: 1px solid #e2e8f0; margin-top: 10px;\">Evet, veri g\u00fcvenli\u011fini \u00e7ok ciddiye al\u0131yoruz. T\u00fcm y\u00fcklemeler HTTPS kullan\u0131larak \u015fifrelenir ve resimleriniz 1 saat sonra sunucular\u0131m\u0131zdan otomatik olarak silinir. Hizmetimizi kullanmak i\u00e7in herhangi bir ki\u015fisel bilgi talep etmiyoruz ve hi\u00e7bir veriyi \u00fc\u00e7\u00fcnc\u00fc taraflarla asla payla\u015fm\u0131yoruz.<\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n    \r\n    <script>\r\n        \/\/ Enhanced interactive functionality for FAQ accordions\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const faqQuestions = document.querySelectorAll('.imgcomp-faq-question');\r\n            \r\n            faqQuestions.forEach(question => {\r\n                question.addEventListener('click', function() {\r\n                    const answer = this.nextElementSibling;\r\n                    const isVisible = answer.style.display === 'block';\r\n                    const icon = this.querySelector('.faq-icon');\r\n                    \r\n                    \/\/ Hide all answers first and reset icons\r\n                    document.querySelectorAll('.imgcomp-faq-answer').forEach(ans => {\r\n                        ans.style.display = 'none';\r\n                    });\r\n                    \r\n                    document.querySelectorAll('.faq-icon').forEach(ic => {\r\n                        ic.textContent = '+';\r\n                        ic.style.transform = 'rotate(0deg)';\r\n                    });\r\n                    \r\n                    \/\/ Then show the clicked one if it was hidden\r\n                    if (!isVisible) {\r\n                        answer.style.display = 'block';\r\n                        icon.textContent = '-';\r\n                        icon.style.transform = 'rotate(180deg)';\r\n                        \r\n                        \/\/ Add animation\r\n                        answer.style.animation = 'fadeIn 0.3s ease-in-out';\r\n                    }\r\n                });\r\n            });\r\n            \r\n            \/\/ Add animation keyframes dynamically\r\n            const style = document.createElement('style');\r\n            style.textContent = `\r\n                @keyframes fadeIn {\r\n                    from { opacity: 0; transform: translateY(-10px); }\r\n                    to { opacity: 1; transform: translateY(0); }\r\n                }\r\n                \r\n               \r\n                \/* Fix FAQ question plus sign display *\/\r\n                .imgcomp-faq-question::after {\r\n                    display: none; \r\n                    display: none; \/* Hide default CSS pseudo-element plus sign *\/\r\n                }\r\n            `;\r\n            document.head.appendChild(style);\r\n        });\r\n    <\/script>            <\/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\">\u00d6nizlemek i\u00e7in resimleri buraya y\u00fckleyin<\/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\">G\u00f6r\u00fcnt\u00fc Kalitesi<\/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\">D\u00fc\u015f\u00fck<\/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\">Y\u00fcksek<\/span>\n                    <\/div>\n                    <div class=\"compress-jpg-quality-tip\">\n                        <span class=\"quality-explanation\" data-translatepress=\"quality_explanation\">Daha y\u00fcksek kalite = daha b\u00fcy\u00fck dosya boyutu<\/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\">Varsay\u0131lan<\/span> (70) <span data-translatepress=\"recommended_text\">tavsiye edilir<\/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\">Daha Fazla Resim Ekleyin<\/span>\n                <\/button>\n                <button class=\"compress-jpg-button compress-jpg-button-primary\" id=\"start-compression-btn\">\n                    <span data-translatepress=\"start_compression_button\">S\u0131k\u0131\u015ft\u0131rmay\u0131 Ba\u015flat<\/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\">G\u00f6r\u00fcnt\u00fclerinizi S\u0131k\u0131\u015ft\u0131rma<\/h3>\n                <p class=\"compress-jpg-processing-description\" data-translatepress=\"processing_description\">Bu i\u015flem g\u00f6r\u00fcnt\u00fclerin boyutuna ve say\u0131s\u0131na ba\u011fl\u0131 olarak biraz zaman alabilir<\/p>\n                <div class=\"compress-jpg-processing-status\" id=\"compression-status\" data-translatepress=\"processing_status\">S\u0131k\u0131\u015ft\u0131rmaya haz\u0131rlan\u0131yorum...<\/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\">S\u0131k\u0131\u015ft\u0131rma Tamamland\u0131!<\/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\">G\u00f6r\u00fcnt\u00fcler:<\/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\">Orijinal boyut:<\/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\">S\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f Boyut:<\/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\">Yer Tasarrufu:<\/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\">Yeniden Ba\u015fla<\/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\">T\u00fcm\u00fcn\u00fc \u0130ndir<\/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=\"Resim \u00d6nizleme\">\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\">Y\u00fckleme S\u0131n\u0131r\u0131na Ula\u015f\u0131ld\u0131<\/h3>\n        <p data-translatepress=\"limit_description\">\n            <span data-translatepress=\"limit_description_free\">\u00dccretsiz kullan\u0131c\u0131: Tek seferde en fazla 20 resim y\u00fckleyebilirsiniz. L\u00fctfen resim say\u0131s\u0131n\u0131 azalt\u0131n veya bir aboneli\u011fe y\u00fckseltin.<\/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\">TAMAM.<\/button>\n            <a href=\"\/tr\/fiyatlandirma\/\" class=\"compress-jpg-button compress-jpg-button-primary\" data-translatepress=\"upgrade_button\" data-trp-post-id=\"pricing-page\">Hesap Y\u00fckseltme<\/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\">Hesab\u0131n\u0131z\u0131 Y\u00fckseltin<\/h3>\n        <p data-translatepress=\"upgrade_description\">Abonelik ile daha fazla resim y\u00fckleme ve geli\u015fmi\u015f \u00f6zelliklere sahip olun.<\/p>\n        <div class=\"compress-jpg-modal-actions\">\n            <a href=\"\/tr\/fiyatlandirma\/\" class=\"compress-jpg-button compress-jpg-button-primary\" data-translatepress=\"learn_more\" data-trp-post-id=\"pricing-page\">Daha Fazla Bilgi<\/a>\n        <\/div>\n    <\/div>\n<\/div> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98ff4c4 elementor-widget elementor-widget-shortcode\" data-id=\"98ff4c4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n<div class=\"kk-star-ratings kksr-shortcode\"\n    data-payload='{&quot;id&quot;:&quot;1964&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;shortcode&quot;,&quot;align&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;8&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;valign&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this page&quot;,&quot;legend&quot;:&quot;5\\\/5 - (8 votes)&quot;,&quot;size&quot;:&quot;15&quot;,&quot;title&quot;:&quot;Image Compression&quot;,&quot;width&quot;:&quot;97.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 97.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 15px; height: 15px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 12px;\">\n            5\/5 - (8 oy)    <\/div>\n    <\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/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-1964","page","type-page","status-publish","hentry"],"rankMath":{"parentDomain":"ocr365.com","noFollowDomains":[],"noFollowExcludeDomains":[],"noFollowExternalLinks":false,"featuredImageNotice":"\u00d6ne \u00e7\u0131kan g\u00f6rsel, Facebook ve di\u011fer sosyal medya siteleri taraf\u0131ndan al\u0131nabilmesi i\u00e7in en az 200 x 200 piksel olmal\u0131d\u0131r.","pluginReviewed":false,"postSettings":{"linkSuggestions":true,"useFocusKeyword":false},"frontEndScore":false,"postName":"image-compression","permalinkFormat":"https:\/\/ocr365.com\/tr\/%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":"%title% %sep% JPG, PNG, JPEG, or GIF","description":"JPG, PNG, JPEG veya GIF g\u00f6r\u00fcnt\u00fclerini y\u00fcksek kalitede s\u0131k\u0131\u015ft\u0131rmak i\u00e7in \u00fccretsiz \u00e7evrimi\u00e7i ara\u00e7. Dosya boyutunu an\u0131nda y\u00fckleyin ve k\u00fc\u00e7\u00fclt\u00fcn.","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":"kullan\u0131c\u0131 ad\u0131","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\/tr","objectID":1964,"objectType":"post","locale":"tr","localeFull":"tr_TR","overlayImages":{"play":{"name":"Oynatma simgesi","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 simgesi","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%2Ftr&r=https%3A%2F%2Focr365.com%2Ftr%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1964%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":"Y\u00fckseltin","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\/tr\/wp-json\/wp\/v2\/pages\/1964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/comments?post=1964"}],"version-history":[{"count":70,"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/pages\/1964\/revisions"}],"predecessor-version":[{"id":2428,"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/pages\/1964\/revisions\/2428"}],"wp:attachment":[{"href":"https:\/\/ocr365.com\/tr\/wp-json\/wp\/v2\/media?parent=1964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}