{"id":6,"date":"2025-11-14T11:17:12","date_gmt":"2025-11-14T11:17:12","guid":{"rendered":"https:\/\/photoresize.net\/?page_id=6"},"modified":"2025-11-14T11:18:40","modified_gmt":"2025-11-14T11:18:40","slug":"home","status":"publish","type":"page","link":"https:\/\/photoresize.net\/?page_id=6","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Image Tools &#8211; Edit, Convert &#038; Compress Images Online<\/title>\n    <style>\n        \/* Reset and Base Styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n        \n        body {\n            color: #333;\n            line-height: 1.6;\n            background-color: #f8f9fa;\n        }\n        \n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n        \n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n        \n        .btn {\n            display: inline-block;\n            padding: 12px 24px;\n            border-radius: 4px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .btn-primary {\n            background-color: #4a6cf7;\n            color: white;\n            border: none;\n        }\n        \n        .btn-primary:hover {\n            background-color: #3a5ce5;\n        }\n        \n        .btn-outline {\n            background-color: transparent;\n            color: #4a6cf7;\n            border: 2px solid #4a6cf7;\n        }\n        \n        .btn-outline:hover {\n            background-color: #4a6cf7;\n            color: white;\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            background: linear-gradient(135deg, #4a6cf7 0%, #6a8cff 100%);\n            color: white;\n            padding: 80px 0;\n            text-align: center;\n        }\n        \n        .hero h1 {\n            font-size: 48px;\n            margin-bottom: 20px;\n            font-weight: 700;\n        }\n        \n        .hero p {\n            font-size: 20px;\n            max-width: 700px;\n            margin: 0 auto 30px;\n            opacity: 0.9;\n        }\n        \n        .hero-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 15px;\n            margin-top: 30px;\n        }\n        \n        .hero .btn-outline {\n            color: white;\n            border-color: white;\n        }\n        \n        .hero .btn-outline:hover {\n            background-color: white;\n            color: #4a6cf7;\n        }\n        \n        \/* Tools Section *\/\n        .tools-section {\n            padding: 80px 0;\n            background-color: white;\n        }\n        \n        .section-title {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n        \n        .section-title h2 {\n            font-size: 36px;\n            color: #333;\n            margin-bottom: 15px;\n        }\n        \n        .section-title p {\n            color: #666;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        \n        .tools-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            gap: 30px;\n        }\n        \n        .tool-card {\n            background-color: #f8f9fa;\n            border-radius: 8px;\n            padding: 30px;\n            text-align: center;\n            transition: transform 0.3s, box-shadow 0.3s;\n            border: 1px solid #e9ecef;\n        }\n        \n        .tool-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n        }\n        \n        .tool-icon {\n            width: 70px;\n            height: 70px;\n            background-color: #e9f0ff;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            color: #4a6cf7;\n            font-size: 28px;\n        }\n        \n        .tool-card h3 {\n            font-size: 20px;\n            margin-bottom: 15px;\n            color: #333;\n        }\n        \n        .tool-card p {\n            color: #666;\n            margin-bottom: 20px;\n        }\n        \n        \/* Features Section *\/\n        .features-section {\n            padding: 80px 0;\n            background-color: #f8f9fa;\n        }\n        \n        .features-container {\n            display: flex;\n            align-items: center;\n            gap: 50px;\n        }\n        \n        .features-content {\n            flex: 1;\n        }\n        \n        .features-image {\n            flex: 1;\n            text-align: center;\n        }\n        \n        .features-image img {\n            max-width: 100%;\n            border-radius: 8px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n        }\n        \n        .features-content h2 {\n            font-size: 36px;\n            margin-bottom: 20px;\n            color: #333;\n        }\n        \n        .features-content p {\n            color: #666;\n            margin-bottom: 30px;\n        }\n        \n        .feature-list {\n            list-style: none;\n        }\n        \n        .feature-list li {\n            margin-bottom: 15px;\n            display: flex;\n            align-items: flex-start;\n        }\n        \n        .feature-list li:before {\n            content: \"\u2713\";\n            color: #4a6cf7;\n            font-weight: bold;\n            margin-right: 10px;\n        }\n        \n        \/* CTA Section *\/\n        .cta-section {\n            padding: 80px 0;\n            background: linear-gradient(135deg, #4a6cf7 0%, #6a8cff 100%);\n            color: white;\n            text-align: center;\n        }\n        \n        .cta-section h2 {\n            font-size: 36px;\n            margin-bottom: 20px;\n        }\n        \n        .cta-section p {\n            font-size: 18px;\n            max-width: 700px;\n            margin: 0 auto 30px;\n            opacity: 0.9;\n        }\n        \n        \/* Responsive Styles *\/\n        @media (max-width: 992px) {\n            .features-container {\n                flex-direction: column;\n            }\n            \n            .hero h1 {\n                font-size: 36px;\n            }\n            \n            .hero p {\n                font-size: 18px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .hero-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .hero-buttons .btn {\n                width: 100%;\n                max-width: 250px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"container\">\n            <h1>Edit, Convert &#038; Compress Images Online<\/h1>\n            <p>Free online image tools for everyone. No installation, no registration required. Process your images directly in your browser.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#\" class=\"btn btn-primary\">Select Images<\/a>\n                <a href=\"#\" class=\"btn btn-outline\">Learn More<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Tools Section -->\n    <section class=\"tools-section\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>All Image Tools You Need<\/h2>\n                <p>Our complete suite of image editing tools to modify, convert, and optimize your images<\/p>\n            <\/div>\n            \n            <div class=\"tools-grid\">\n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\ud83d\uddbc\ufe0f<\/div>\n                    <h3>Compress Images<\/h3>\n                    <p>Reduce file size of images while keeping quality<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n                \n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\ud83d\udccf<\/div>\n                    <h3>Resize Images<\/h3>\n                    <p>Change dimensions of your images in bulk<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n                \n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\ud83d\udd04<\/div>\n                    <h3>Convert Images<\/h3>\n                    <p>Change format of your images to JPG, PNG, etc.<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n                \n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\u2702\ufe0f<\/div>\n                    <h3>Crop Images<\/h3>\n                    <p>Remove unwanted areas from your images<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n                \n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\ud83d\udd04<\/div>\n                    <h3>Rotate Images<\/h3>\n                    <p>Rotate and flip images to the correct orientation<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n                \n                <div class=\"tool-card\">\n                    <div class=\"tool-icon\">\ud83d\udd8b\ufe0f<\/div>\n                    <h3>Watermark Images<\/h3>\n                    <p>Add text or image watermarks to protect your work<\/p>\n                    <a href=\"#\" class=\"btn btn-primary\">Use Tool<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Features Section -->\n    <section class=\"features-section\">\n        <div class=\"container\">\n            <div class=\"features-container\">\n                <div class=\"features-content\">\n                    <h2>Why Choose Our Image Tools?<\/h2>\n                    <p>We provide a comprehensive set of image processing tools that are completely free to use with no limitations.<\/p>\n                    \n                    <ul class=\"feature-list\">\n                        <li>100% free &#8211; no hidden costs or watermarks<\/li>\n                        <li>No registration required &#8211; use instantly<\/li>\n                        <li>Secure processing &#8211; files never leave your browser<\/li>\n                        <li>Batch processing &#8211; edit multiple images at once<\/li>\n                        <li>Works on all devices &#8211; desktop, tablet, and mobile<\/li>\n                        <li>No installation needed &#8211; works directly in your browser<\/li>\n                    <\/ul>\n                    \n                    <a href=\"#\" class=\"btn btn-primary\" style=\"margin-top: 20px;\">Get Started Now<\/a>\n                <\/div>\n                \n                <div class=\"features-image\">\n                    <!-- Placeholder for image -->\n                    <div style=\"background: linear-gradient(135deg, #4a6cf7 0%, #6a8cff 100%); height: 300px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px;\">\n                        Image Tools Preview\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA Section -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <h2>Ready to Edit Your Images?<\/h2>\n            <p>Join millions of users who trust our tools for their image editing needs. No downloads, no registration, completely free.<\/p>\n            <a href=\"#\" class=\"btn btn-outline\">Start Editing Now<\/a>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Image Tools &#8211; Edit, Convert &#038; Compress Images Online Edit, Convert &#038; Compress Images Online Free online image tools for everyone. No installation, no registration required. Process your images directly in your browser. Select Images Learn More All Image Tools You Need Our complete suite of image editing tools to modify, convert, and optimize your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photoresize.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":2,"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/photoresize.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/photoresize.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}