It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://iformat.io/avif-to-png/

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.    <title>iformat.io</title>
  6.    <meta name="description"
  7.          content="iFormat.io - Your ultimate file converter and compressor. Convert JPG, PNG, HEIC, WEBP to JPG, PNG, and PDF formats. Fast and reliable file conversion made easy">
  8.    <meta charset="UTF-8">
  9.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.    <link rel="icon" href="/static/logo.png" type="image/png">
  11.  
  12.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13.    <link rel="canonical" href="https://iformat.io/avif-to-png/"/>
  14.    <meta name="yandex-verification" content="b06651e96519752b" />
  15.  
  16.    <input type="hidden" name="csrfmiddlewaretoken" value="FZrDrgu64OICw9jG9TJRQUSFQ25KOWkWveiyXxgm4KSGfLQokdzSykEBMXwytVPw">
  17.  
  18.    <!-- Google tag (gtag.js) -->
  19.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-K5PN90MCSZ"></script>
  20.    <script>
  21.        window.dataLayer = window.dataLayer || [];
  22.  
  23.        function gtag() {
  24.            dataLayer.push(arguments);
  25.        }
  26.  
  27.        gtag('js', new Date());
  28.  
  29.        gtag('config', 'G-K5PN90MCSZ');
  30.    </script>
  31.    <meta name="msvalidate.01" content="5CAE4943CEBF239CD78C1EE61E777102" />
  32.  
  33.  
  34.  
  35.    <!-- Tailwind CSS -->
  36.    <script src="https://cdn.tailwindcss.com"></script>
  37.  
  38.    
  39.    <link href="/static/styles/other_styles.min.css" rel="stylesheet">
  40.    <link href="https://fonts.googleapis.com/css?family=Inter:400,500,600,700&display=swap" rel="stylesheet">
  41.  
  42.    <style>
  43.        .bg-random {
  44.            background-color: hsl(calc(360 * var(--random)), 70%, 80%);
  45.        }
  46.    </style>
  47. </head>
  48. <body class="antialiased text-gray-800 font-inter">
  49.  
  50. <header class="bg-white shadow sticky top-0 z-50">
  51.    <div class="container mx-auto px-6 py-4 flex items-center justify-between">
  52.        <!-- Logo -->
  53.        <div class="flex items-center">
  54.            <a href="/" class="flex items-center">
  55.                <img src="../static/logo.svg" alt="iformat.io Logo" class="h-8 w-auto mr-2">
  56.                <span class="text-3xl font-medium text-blue-600">iformat.io</span>
  57.            </a>
  58.        </div>
  59.  
  60.        <!-- Mobile Menu Button -->
  61.        <button class="text-gray-800 md:hidden focus:outline-none" id="mobile-menu-button">
  62.            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  63.                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
  64.                      d="M4 6h16M4 12h16M4 18h16"></path>
  65.            </svg>
  66.        </button>
  67.  
  68.        <!-- Navigation for larger screens -->
  69.        <div class="hidden md:flex font-medium items-center space-x-6" id="navbar">
  70.  
  71.            <div class="container mx-auto flex items-center space-x-6">
  72.  
  73.                <!-- Converter Tools Dropdown -->
  74.                <div class="relative group">
  75.                    <button class="flex items-center text-gray-800 hover:text-blue-600 font-medium focus:outline-none">
  76.                        Converter Tools
  77.                        <!-- Dropdown Icon -->
  78.                        <svg class="ml-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20"
  79.                             xmlns="http://www.w3.org/2000/svg">
  80.                            <path fill-rule="evenodd"
  81.                                  d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
  82.                                  clip-rule="evenodd"></path>
  83.                        </svg>
  84.                    </button>
  85.                    <!-- Dropdown Content for Converters -->
  86.                    <div class="absolute right-0 mt-0 w-48 bg-white rounded-lg shadow-lg hidden group-hover:block transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 z-10">
  87.                        <div class="py-2">
  88.                            <a href="/image-converter"
  89.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Image
  90.                                Converter</a>
  91.                            <a href="/video-converter"
  92.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Video
  93.                                Converter</a>
  94.                            <a href="/audio-converter"
  95.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Audio
  96.                                Converter</a>
  97.                            <a href="/document-converter"
  98.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Document
  99.                                Converter</a>
  100.                        </div>
  101.                    </div>
  102.                </div>
  103.  
  104.                <!-- Compressor Tools Dropdown -->
  105.                <div class="relative group">
  106.                    <button class="flex items-center text-gray-800 hover:text-blue-600 font-medium focus:outline-none">
  107.                        Compressor Tools
  108.                        <!-- Dropdown Icon -->
  109.                        <svg class="ml-1 w-4 h-4" fill="currentColor" viewBox="0 0 20 20"
  110.                             xmlns="http://www.w3.org/2000/svg">
  111.                            <path fill-rule="evenodd"
  112.                                  d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
  113.                                  clip-rule="evenodd"></path>
  114.                        </svg>
  115.                    </button>
  116.                    <!-- Dropdown Content for Compressors -->
  117.                    <div class="absolute right-0 mt-0 w-48 bg-white rounded-lg shadow-lg hidden group-hover:block transition-opacity duration-300 ease-in-out opacity-0 group-hover:opacity-100 z-10">
  118.                        <div class="py-2">
  119.                            <a href="/image-compressor"
  120.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Image
  121.                                Compressor</a>
  122.                            <a href="/document-compressor"
  123.                               class="block px-4 py-2 text-gray-800 hover:bg-gray-100 hover:text-blue-600">Document
  124.                                Compressor</a>
  125.                        </div>
  126.                    </div>
  127.                </div>
  128.  
  129.                <!-- Image Resizer Link with Icon -->
  130.                <a href="/image-resizer" class="flex items-center text-gray-800 hover:text-blue-600 font-medium">
  131.                    Image Resizer
  132.                </a>
  133.                
  134.                <a href="/time-converter" class="flex items-center text-gray-800 hover:text-blue-600 font-medium">
  135.                    Time Converter
  136.                </a>
  137.                <a href="/blog" class="flex items-center text-gray-800 hover:text-blue-600 font-medium">
  138.                    Blog
  139.                </a>
  140.                
  141.            </div>
  142.  
  143.  
  144.            <!-- Search Box -->
  145.            <div class="relative hidden md:block">
  146.                <input id="search-bar" type="text" placeholder="Search tools..."
  147.                       class="border border-gray-300 rounded-full px-4 py-1 pl-10 focus:outline-none focus:border-blue-500"
  148.                       oninput="searchAppsSubGroups()">
  149.                <svg class="w-4 h-4 absolute left-3 top-2.5 text-gray-500" fill="currentColor" viewBox="0 0 20 20">
  150.                    <path fill-rule="evenodd"
  151.                          d="M12.9 14.32a8 8 0 111.414-1.414l5.387 5.387a1 1 0 01-1.414 1.414l-5.387-5.387zM8 14a6 6 0 100-12 6 6 0 000 12z"
  152.                          clip-rule="evenodd"/>
  153.                </svg>
  154.                <!-- Search Results Container -->
  155.                <div id="search-results"
  156.                     class="absolute left-0 mt-1 bg-white border border-gray-300 rounded-md w-full hidden z-20">
  157.                    <!-- Search results will be populated here -->
  158.                </div>
  159.            </div>
  160.  
  161.            <!-- Language Switcher -->
  162.  
  163.  
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.        </div>
  187.    </div>
  188.  
  189.    <!-- Mobile Navigation Menu -->
  190.    <div class="md:hidden hidden" id="mobile-menu">
  191.        <div class="flex flex-col px-6 pt-4 pb-6 space-y-4"> <!-- Applied flex-col for vertical alignment -->
  192.            <a href="/image-converter" class="text-gray-800 hover:text-blue-600">Image Converter</a>
  193.            <a href="/video-converter" class="text-gray-800 hover:text-blue-600">Video Converter</a>
  194.            <a href="/audio-converter" class="text-gray-800 hover:text-blue-600">Audio Converter</a>
  195.            <a href="/image-compressor" class="text-gray-800 hover:text-blue-600">Image Compressor</a>
  196.            <a href="/document-converter" class="text-gray-800 hover:text-blue-600">Document Converter</a>
  197.            <a href="/document-compressor" class="text-gray-800 hover:text-blue-600">Document Compressor</a>
  198.            <a href="/time-converter" class="text-gray-800 hover:text-blue-600">Time Converter</a>
  199.            <a href="/blog" class="text-gray-800 hover:text-blue-600">Blog</a>
  200.        </div>
  201.    </div>
  202. </header>
  203.  
  204. <script>
  205.    function searchAppsSubGroups() {
  206.        const query = document.getElementById('search-bar').value.trim();
  207.        const resultsContainer = document.getElementById('search-results');
  208.  
  209.        if (query.length > 1) {
  210.            fetch(`/search/?q=${encodeURIComponent(query)}`)
  211.                .then(response => {
  212.                    if (!response.ok) {
  213.                        throw new Error(`Error: ${response.status}`);
  214.                    }
  215.                    return response.json();
  216.                })
  217.                .then(data => {
  218.                    const results = data.results || [];
  219.                    resultsContainer.innerHTML = '';
  220.  
  221.                    if (results.length > 0) {
  222.                        results.forEach(result => {
  223.                            const item = document.createElement('a');
  224.                            item.href = result.url || '#';
  225.                            item.className = 'block px-4 py-2 text-gray-800 hover:bg-blue-100 hover:text-blue-700';
  226.                            item.innerText = result.name || 'No name available';
  227.                            resultsContainer.appendChild(item);
  228.                        });
  229.                        resultsContainer.classList.remove('hidden');
  230.                    } else {
  231.                        resultsContainer.innerHTML = '<p class="px-4 py-2 text-gray-800">No results found.</p>';
  232.                        resultsContainer.classList.remove('hidden');
  233.                    }
  234.                })
  235.                .catch(error => {
  236.                    console.error('Error fetching search results:', error);
  237.                    resultsContainer.innerHTML = '<p class="px-4 py-2 text-red-600">An error occurred. Please try again.</p>';
  238.                    resultsContainer.classList.remove('hidden');
  239.                });
  240.        } else {
  241.            resultsContainer.classList.add('hidden');
  242.        }
  243.    }
  244.  
  245.    document.addEventListener('click', function (event) {
  246.        const searchBar = document.getElementById('search-bar');
  247.        const searchResults = document.getElementById('search-results');
  248.        if (searchBar && searchResults && !searchBar.contains(event.target) && !searchResults.contains(event.target)) {
  249.            searchResults.classList.add('hidden');
  250.        }
  251.    });
  252.  
  253.    // Toggle the mobile menu visibility
  254.    const mobileMenuButton = document.getElementById('mobile-menu-button');
  255.    const mobileMenu = document.getElementById('mobile-menu');
  256.  
  257.    mobileMenuButton.addEventListener('click', () => {
  258.        mobileMenu.classList.toggle('hidden'); // Show or hide the mobile menu
  259.    });
  260.  
  261.    // Close the mobile menu when clicking outside
  262.    document.addEventListener('click', function (event) {
  263.        if (!mobileMenu.contains(event.target) && !mobileMenuButton.contains(event.target)) {
  264.            mobileMenu.classList.add('hidden');
  265.        }
  266.    });
  267.    /*
  268.    // Language Switcher functionality
  269.    const langButton = document.getElementById('lang-button');
  270.    const langMenu = document.getElementById('lang-menu');
  271.  
  272.    langButton.addEventListener('click', (e) => {
  273.        e.stopPropagation();
  274.        langMenu.classList.toggle('hidden');
  275.        langButton.setAttribute('aria-expanded', !langMenu.classList.contains('hidden'));
  276.    });
  277.  
  278.    // Close the language dropdown when clicking outside
  279.    window.addEventListener('click', () => {
  280.        langMenu.classList.add('hidden');
  281.        langButton.setAttribute('aria-expanded', 'false');
  282.    });
  283.  
  284.    // Handle language selection
  285.    const langLinks = document.querySelectorAll('#lang-menu a');
  286.    langLinks.forEach(link => {
  287.        link.addEventListener('click', function (e) {
  288.            e.preventDefault();
  289.            const selectedLanguage = this.getAttribute('data-lang');
  290.            const currentPath = window.location.pathname;
  291.            let newUrl = `/${selectedLanguage}${currentPath}`;
  292.  
  293.            // Remove leading language code if exists
  294.            const pathSegments = currentPath.split('/');
  295.            if (pathSegments[1] && pathSegments[1].length === 2) {
  296.                pathSegments.splice(1, 1);
  297.                newUrl = `/${selectedLanguage}/${pathSegments.slice(1).join('/')}`;
  298.            }
  299.  
  300.            // Redirect to the new URL
  301.            window.location.href = newUrl;
  302.        });
  303.    }); */
  304. </script>
  305.  
  306.  
  307.  
  308.  
  309.    <div class="container mx-auto py-20">
  310.        <div class="bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-24 py-8 rounded-lg shadow-2xl">
  311.            <p class="text-6xl md:text-7xl lg:text-9xl font-bold tracking-wider text-blue-300">404</p>
  312.            <h2 class="text-3xl font-bold text-blue-500 mb-8">Oops, Page Not Found</h2>
  313.            <a href="/"
  314.               class="flex items-center space-x-2 bg-blue-500 hover:bg-blue-700 text-gray-100 px-4 py-2 mt-6 rounded transition duration-150"
  315.               title="Return Home">
  316.                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
  317.                    <path fill-rule="evenodd"
  318.                          d="M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z"
  319.                          clip-rule="evenodd"></path>
  320.                </svg>
  321.                <span>Return Home</span>
  322.            </a>
  323.        </div>
  324.    </div>
  325.    
  326.  
  327.  
  328.  
  329.  
  330.  
  331.  
  332.  
  333. <!-- Footer -->
  334. <footer class="bg-white border-t border-gray-200">
  335.    <div class="container mx-auto px-6 py-12">
  336.        <!-- Grid Layout -->
  337.        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
  338.            <!-- Brand and Tagline -->
  339.            <div class="col-span-1">
  340.                <h3 class="text-2xl font-bold text-gray-800">iformat.io</h3>
  341.                <p class="mt-4 text-gray-600 text-sm leading-relaxed">
  342.                    Your ultimate solution for converting, compressing, and managing files—fast, secure, and reliable.
  343.                </p>
  344.            </div>
  345.            <!-- Quick Links -->
  346.            <div>
  347.                <h4 class="text-lg font-semibold text-gray-800">Quick Links</h4>
  348.                <ul class="mt-4 space-y-2">
  349.                    <li><a href="/about-us" class="text-gray-600 hover:text-gray-900">About Us</a></li>
  350.                    <li><a href="/all-tools" class="text-gray-600 hover:text-gray-900">All Tools</a></li>
  351.                    <li><a href="/blog" class="text-gray-600 hover:text-gray-900">Blog</a></li>
  352.                </ul>
  353.            </div>
  354.            <!-- Support -->
  355.            <div>
  356.                <h4 class="text-lg font-semibold text-gray-800">Support</h4>
  357.                <ul class="mt-4 space-y-2">
  358.                    <li><a href="/contact" class="text-gray-600 hover:text-gray-900">Contact Us</a></li>
  359.                    <li><a href="/privacy-policy" class="text-gray-600 hover:text-gray-900">Privacy Policy</a></li>
  360.                    <li><a href="/terms-and-conditions" class="text-gray-600 hover:text-gray-900">Terms of Service</a>
  361.                    </li>
  362.                </ul>
  363.            </div>
  364.            <!-- Social Media -->
  365.            
  366.            
  367.            
  368.            
  369.            
  370.            
  371.            
  372.            
  373.            
  374.            
  375.            
  376.            
  377.            
  378.            
  379.        </div>
  380.        <!-- Divider and Footer Note -->
  381.        <div class="border-t border-gray-300 mt-8 pt-6 text-center">
  382.            <p class="text-sm text-gray-500">
  383.                &copy; 2023 - 2024 iformat.io. All rights reserved.
  384.            </p>
  385.        </div>
  386.  
  387.    </div>
  388. </footer>
  389.  
  390. </body>
  391. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda