<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">

  <!-- Homepage mit Hauptbildern -->
  <url>
    <loc>https://www.nicolasp.online/</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/og-image.jpg</image:loc>
      <image:title>NicolasP Portfolio - Web Developer & Designer</image:title>
      <image:caption>Professional web developer portfolio with matrix-style design and interactive tools</image:caption>
      <image:geo_location>Berlin, Germany</image:geo_location>
      <image:license>https://www.nicolasp.online/image-license</image:license>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/twitter-card.jpg</image:loc>
      <image:title>NicolasP Twitter Card Image</image:title>
      <image:caption>Social media preview image for Twitter/X sharing</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/matrix-background.jpg</image:loc>
      <image:title>Matrix Style Animation Background</image:title>
      <image:caption>Interactive matrix-style coding animation background for portfolio</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/profile-photo.jpg</image:loc>
      <image:title>Nicolas P. Acker - Professional Web Developer Photo</image:title>
      <image:caption>Professional profile photo of web developer Nicolas P. Acker from Berlin</image:caption>
    </image:image>
  </url>

  <!-- Projekt Screenshots und Portfolio Bilder -->
  <url>
    <loc>https://www.nicolasp.online/#projects</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/projects/ecommerce-project.jpg</image:loc>
      <image:title>E-Commerce Website Development Project</image:title>
      <image:caption>Modern responsive e-commerce website with custom shopping cart and payment integration</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/projects/portfolio-website.jpg</image:loc>
      <image:title>Interactive Portfolio Website Project</image:title>
      <image:caption>Custom portfolio website with animations and responsive design</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/projects/cms-dashboard.jpg</image:loc>
      <image:title>Custom CMS Dashboard Development</image:title>
      <image:caption>Tailored content management system dashboard with user-friendly interface</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/projects/api-integration.jpg</image:loc>
      <image:title>Complex API Integration Project</image:title>
      <image:caption>Advanced API integration with third-party services and data synchronization</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/projects/mobile-app-ui.jpg</image:loc>
      <image:title>Mobile-First Web Application</image:title>
      <image:caption>Responsive web application optimized for mobile devices and tablets</image:caption>
    </image:image>
  </url>

  <!-- Web Development Tools Screenshots -->
  <url>
    <loc>https://www.nicolasp.online/#tools</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/qr-generator.jpg</image:loc>
      <image:title>QR Code Generator Tool Interface</image:title>
      <image:caption>Professional QR code generator for URLs, text, business cards, and WiFi credentials</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/color-picker.jpg</image:loc>
      <image:title>Advanced Color Picker & Converter Tool</image:title>
      <image:caption>Professional color picker with HEX, RGB, HSL conversion and palette generation</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/password-generator.jpg</image:loc>
      <image:title>Secure Password Generator Interface</image:title>
      <image:caption>Customizable secure password generator with multiple character set options</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/json-formatter.jpg</image:loc>
      <image:title>JSON Formatter & Validator Tool</image:title>
      <image:caption>Professional JSON formatting, validation, and beautification tool for developers</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/favicon-generator.jpg</image:loc>
      <image:title>Multi-Size Favicon Generator Tool</image:title>
      <image:caption>Generate favicons in multiple sizes for websites and progressive web apps</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/base64-encoder.jpg</image:loc>
      <image:title>Base64 Encoder/Decoder Tool</image:title>
      <image:caption>Encode and decode Base64 strings for web development and data processing</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/code-minifier.jpg</image:loc>
      <image:title>CSS/JS/HTML Code Minifier</image:title>
      <image:caption>Optimize web performance by minifying CSS, JavaScript, and HTML code</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/tools/screenshots/lorem-generator.jpg</image:loc>
      <image:title>Lorem Ipsum Text Generator</image:title>
      <image:caption>Generate placeholder text in words, sentences, or paragraphs for design mockups</image:caption>
    </image:image>
  </url>

  <!-- Technologie Icons und Skills -->
  <url>
    <loc>https://www.nicolasp.online/#skills</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/html5-logo.svg</image:loc>
      <image:title>HTML5 Technology Logo</image:title>
      <image:caption>HTML5 markup language for modern web development</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/css3-logo.svg</image:loc>
      <image:title>CSS3 Technology Logo</image:title>
      <image:caption>CSS3 cascading style sheets for web design and layout</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/javascript-logo.svg</image:loc>
      <image:title>JavaScript Programming Language Logo</image:title>
      <image:caption>JavaScript for interactive web applications and frontend development</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/react-logo.svg</image:loc>
      <image:title>React JavaScript Library Logo</image:title>
      <image:caption>React library for building user interfaces and single-page applications</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/vue-logo.svg</image:loc>
      <image:title>Vue.js Framework Logo</image:title>
      <image:caption>Vue.js progressive JavaScript framework for web development</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/php-logo.svg</image:loc>
      <image:title>PHP Programming Language Logo</image:title>
      <image:caption>PHP server-side scripting language for backend development</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/nodejs-logo.svg</image:loc>
      <image:title>Node.js Runtime Environment Logo</image:title>
      <image:caption>Node.js JavaScript runtime for backend and full-stack development</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/skills/mysql-logo.svg</image:loc>
      <image:title>MySQL Database Logo</image:title>
      <image:caption>MySQL relational database management system</image:caption>
    </image:image>
  </url>

  <!-- Favicon Pack für verschiedene Größen -->
  <url>
    <loc>https://www.nicolasp.online/</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/favicon-32x32.png</image:loc>
      <image:title>Website Favicon 32x32 pixels</image:title>
      <image:caption>NicolasP portfolio website favicon in 32x32 pixel size</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/favicon-16x16.png</image:loc>
      <image:title>Website Favicon 16x16 pixels</image:title>
      <image:caption>NicolasP portfolio website favicon in 16x16 pixel size</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/apple-touch-icon.png</image:loc>
      <image:title>Apple Touch Icon for iOS Devices</image:title>
      <image:caption>Apple touch icon for iOS devices and Safari browser</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/android-chrome-192x192.png</image:loc>
      <image:title>Android Chrome Icon 192x192</image:title>
      <image:caption>Android Chrome icon for progressive web app installation</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://www.nicolasp.online/android-chrome-512x512.png</image:loc>
      <image:title>Android Chrome Icon 512x512</image:title>
      <image:caption>High-resolution Android Chrome icon for PWA and app installation</image:caption>
    </image:image>
  </url>

  <!-- Sitemap PHP Seite Screenshots -->
  <url>
    <loc>https://www.nicolasp.online/sitemap.php</loc>
    <image:image>
      <image:loc>https://www.nicolasp.online/screenshots/sitemap-page.jpg</image:loc>
      <image:title>Interactive HTML Sitemap Page</image:title>
      <image:caption>Professional HTML sitemap with Matrix design and source code viewer</image:caption>
    </image:image>
  </url>

</urlset>