icosmith/index.html at main · augustocesarperin/icosmith · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
      /* Critical CSS: avoid skip-link flash before Tailwind loads */
      .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
      .sr-only:focus, .sr-only:active { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; white-space: normal; }
    </style>


    <title>IcoSmith – Gerador e Conversor de Favicon | ICO 16–256, PWA e Windows Store</title>
    <meta name="description" content="Gerador de favicon: PNG/JPG/SVG → ICO 16–256. Exporta pacote PWA (manifest e apple‑touch‑icon) e assets Windows (targetsize/tiles). Local e rápido." />
    <meta name="author" content="IcoSmith" />


    <meta property="og:title" content="IcoSmith – Gerador e Conversor de Favicon" />
    <meta property="og:description" content="PNG/JPG/SVG → ICO (16–256), pacote PWA e assets do Windows Store (taskbar/tiles/StoreLogo)." />
    <meta property="og:site_name" content="IcoSmith" />
    <meta property="og:locale" content="pt_BR" />
    <meta property="og:locale:alternate" content="en_US" />
    <meta property="og:locale:alternate" content="es_ES" />
    <meta property="og:type" content="website" />
    <link rel="canonical" href="https://icosmith.com/" />

    <meta property="og:url" content="https://icosmith.com/" />
    <meta property="og:image" content="https://icosmith.com/og-icosmith-1200x630.png" />
    <meta property="og:image:alt" content="IcoSmith - Favicon generator preview image" />
    <meta name="robots" content="index,follow,max-image-preview:large" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="IcoSmith – Gerador e Conversor de Favicon" />
    <meta name="twitter:description" content="PNG/JPG/SVG → ICO (16–256), pacote PWA e assets do Windows Store." />
    <meta name="twitter:image" content="https://icosmith.com/og-icosmith-1200x630.png" />
    <link rel="alternate" hreflang="pt-BR" href="https://icosmith.com/?lang=pt" />
    <link rel="alternate" hreflang="en" href="https://icosmith.com/?lang=en" />
    <link rel="alternate" hreflang="es" href="https://icosmith.com/?lang=es" />
    <link rel="alternate" hreflang="x-default" href="https://icosmith.com/" />

    <!-- Preconnects for analytics (cookieless) -->
    <link rel="preconnect" href="https://static.cloudflareinsights.com" crossorigin>

    <!-- JSON-LD WebSite -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "url": "https://icosmith.com/",
        "name": "IcoSmith",
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://icosmith.com/?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      }
    </script>
    <!-- JSON-LD Organization -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "IcoSmith",
        "url": "https://icosmith.com/",
        "logo": "https://icosmith.com/android-chrome-512x512.png",
        "sameAs": [
          "https://github.com/augustocesarperin/ico-converter"
        ]
      }
    </script>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "IcoSmith",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "Web",
        "url": "https://icosmith.com/",
        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
      }
    </script>

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "O que são ícones targetsize no Windows?",
            "acceptedAnswer": {"@type": "Answer", "text": "São variantes derivadas do 44×44 usadas pela taskbar/Start: 16, 20, 24, 30, 32, 40, 48 (e mais). O Windows escolhe automaticamente a melhor."}
          },
          {
            "@type": "Question",
            "name": "Qual a diferença entre plated, unplated e lightunplated?",
            "acceptedAnswer": {"@type": "Answer", "text": "Plated pode receber tint da cor de destaque. Unplated mantém as cores originais. Lightunplated é a variante clara para fundos escuros."}
          },
          {
            "@type": "Question",
            "name": "Vocês exportam nomes canônicos do Visual Studio?",
            "acceptedAnswer": {"@type": "Answer", "text": "Sim: Square44x44Logo.png, Square150x150Logo.png, Wide310x150Logo.png, Square310x310Logo.png e StoreLogo.png, além do ZIP organizado."}
          }
        ]
      }
    </script>

    <link rel="icon" href="/favicon.ico" sizes="any" />
    <link rel="alternate icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0f172a" />
    <meta name="theme-color" content="#0A0F1E" />

    <!-- Cloudflare Web Analytics (configure token no painel) -->
    <meta name="cf-beacon-token" content="36d5709ccd694c6a991ff5edddac022f" />
    <script>
      (function(){
        try {
          var host = location.hostname;
          if (host === 'localhost' || host === '127.0.0.1' || host === '::1') return;
          var meta = document.querySelector('meta[name="cf-beacon-token"]');
          var token = meta && meta.getAttribute('content');
          if (token && token.trim()) {
            var s = document.createElement('script');
            s.defer = true;
            s.src = 'https://static.cloudflareinsights.com/beacon.min.js';
            s.setAttribute('data-cf-beacon', JSON.stringify({ token: token, spa: true }));
            document.head.appendChild(s);
          }
        } catch (_) {}
      })();
    </script>


  </head>

  <body>
    <a href="#main" class="sr-only focus:not-sr-only focus-visible-ring">Skip to content</a>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>