https://23e22297.dica-hugo.pages.dev/Recent content on DicaHugopt-brSun, 19 Jul 2026 16:20:00 +0000https://23e22297.dica-hugo.pages.dev/testar-alto-falante-online/Sun, 19 Jul 2026 16:20:00 +0000https://23e22297.dica-hugo.pages.dev/testar-alto-falante-online/<p class="itool-intro"><strong>Testar alto-falante online</strong>: toque um tom senoidal, ajuste frequência e volume e confira se o fone ou as caixas respondem. Rápido antes de call ou para achar se o problema é saída de áudio.</p> <div id="btest-app" class="btest-app" data-test="speaker" data-nosnippet> <div class="btest-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="btest-btn-start">Tocar tom</button> <button type="button" class="itool-btn" id="btest-btn-stop" disabled>Parar</button> </div> <div class="btest-body"> <div class="btest-main"> <div class="btest-card" style="margin:0"> <div class="btest-card-label">Controles</div> <div class="btest-fields"> <div class="btest-field"> <label class="btest-label" for="btest-freq">Frequência (<span id="btest-freq-val">440 Hz</span>)</label> <input type="range" id="btest-freq" min="120" max="2000" step="10" value="440"> </div> <div class="btest-field"> <label class="btest-label" for="btest-vol">Volume (<span id="btest-vol-val">15%</span>)</label> <input type="range" id="btest-vol" min="0.02" max="0.35" step="0.01" value="0.15"> </div> </div> <p class="btest-hint">Comece com volume baixo e suba aos poucos. 440&nbsp;Hz é o “lá” de referência.</p> </div> </div> <aside class="btest-side"> <div class="btest-card"> <div class="btest-card-label">Status</div> <div class="btest-status" id="btest-status">Clique em Iniciar para começar o teste.</div> </div> <p class="btest-hint"><a href="https://23e22297.dica-hugo.pages.dev/testar-microfone-online/">Microfone</a> · <a href="https://23e22297.dica-hugo.pages.dev/testar-webcam-online/">Webcam</a> · <a href="https://23e22297.dica-hugo.pages.dev/ferramentas-diagnostico-navegador/">Hub</a></p> </aside> </div> </div> <p data-tools-related-slot>TOOLS_RELATED_SLOT</p> <h2>Dicas</h2> <ul> <li>Se não ouvir nada: confira o volume do sistema, o mudo do fone e se a saída correta (HDMI, Bluetooth, USB) está selecionada.</li> <li>Alguns navegadores só tocam áudio após um clique - use o botão <strong>Tocar tom</strong>.</li> <li>Volume do teste é limitado de propósito para não estourar o fone.</li> </ul> <div class="itool-faq"> <details open><summary>Isso testa canal esquerdo/direito?</summary><p>Este tom é mono no centro. Serve para saber se há saída de áudio. Testes de balanceamento estéreo podem vir depois.</p>https://23e22297.dica-hugo.pages.dev/testar-microfone-online/Sun, 19 Jul 2026 09:50:00 +0000https://23e22297.dica-hugo.pages.dev/testar-microfone-online/<p class="itool-intro"><strong>Testar microfone online</strong>: fale e veja o nível reagir. Serve para checar headset, notebook e fone com mic antes de reunião, gravação ou live. Processamento local.</p> <div id="btest-app" class="btest-app" data-test="mic" data-nosnippet> <div class="btest-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="btest-btn-start">Iniciar microfone</button> <button type="button" class="itool-btn" id="btest-btn-stop" disabled>Parar</button> </div> <div class="btest-body"> <div class="btest-main"> <div class="btest-card" style="margin:0"> <div class="btest-card-label">Nível do microfone</div> <div class="btest-meter" aria-hidden="true"><div class="btest-meter-fill" id="btest-meter-fill"></div></div> <p class="btest-hint" style="margin-top:8px">Nível: <strong id="btest-level">0%</strong> · Fale perto do mic</p> <p class="btest-hint" id="btest-meta"></p> </div> </div> <aside class="btest-side"> <div class="btest-card"> <div class="btest-card-label">Status</div> <div class="btest-status" id="btest-status">Clique em Iniciar para começar o teste.</div> </div> <p class="btest-hint">Depois: <a href="https://23e22297.dica-hugo.pages.dev/testar-alto-falante-online/">alto-falante</a> · <a href="https://23e22297.dica-hugo.pages.dev/testar-webcam-online/">webcam</a> · <a href="https://23e22297.dica-hugo.pages.dev/ferramentas-diagnostico-navegador/">hub de testes</a>.</p> </aside> </div> </div> <p data-tools-related-slot>TOOLS_RELATED_SLOT</p> <h2>Como usar</h2> <ol> <li>Clique em <strong>Iniciar microfone</strong> e permita o acesso.</li> <li>Fale, estale os dedos ou tosse perto do mic - a barra deve subir.</li> <li>Se ficar no zero, troque o dispositivo de entrada nas configurações do sistema/navegador.</li> </ol> <div class="itool-faq"> <details open><summary>O som é gravado?</summary><p>Não. Só medimos o volume em tempo real. Nada é salvo nem enviado.</p>https://23e22297.dica-hugo.pages.dev/testar-webcam-online/Sat, 18 Jul 2026 15:40:00 +0000https://23e22297.dica-hugo.pages.dev/testar-webcam-online/<p class="itool-intro"><strong>Testar webcam online</strong>: ative a câmera do notebook ou celular e confira se a imagem aparece. Útil antes de call no Meet, Zoom, WhatsApp Web ou entrevista. Roda só no seu aparelho.</p> <p class="itool-hint" data-qa-mobile-note>O navegador vai pedir permissão da câmera. Em HTTPS (ou localhost) funciona; em HTTP aberto o acesso costuma ser bloqueado.</p> <div id="btest-app" class="btest-app" data-test="webcam" data-nosnippet> <div class="btest-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="btest-btn-start">Iniciar câmera</button> <button type="button" class="itool-btn" id="btest-btn-stop" disabled>Parar</button> </div> <div class="btest-body"> <div class="btest-main"> <div class="btest-video-wrap"> <video id="btest-video" playsinline muted autoplay></video> <div id="btest-video-ph" class="btest-video-placeholder">Prévia da webcam aparece aqui</div> </div> <p class="btest-hint" id="btest-meta"></p> </div> <aside class="btest-side"> <div class="btest-card"> <div class="btest-card-label">Status</div> <div class="btest-status" id="btest-status">Clique em Iniciar para começar o teste.</div> </div> <p class="btest-hint">Também: <a href="https://23e22297.dica-hugo.pages.dev/testar-microfone-online/">microfone</a> · <a href="https://23e22297.dica-hugo.pages.dev/testar-alto-falante-online/">alto-falante</a> · <a href="https://23e22297.dica-hugo.pages.dev/ferramentas-diagnostico-navegador/">todos os testes</a>.</p>https://23e22297.dica-hugo.pages.dev/preparar-video-para-whatsapp/Sat, 18 Jul 2026 11:40:00 +0000https://23e22297.dica-hugo.pages.dev/preparar-video-para-whatsapp/<p><strong>Preparar vídeo para WhatsApp</strong> é o mesmo motor de compressão com o preset de 16&nbsp;MB. Use depois do corte (<a href="https://23e22297.dica-hugo.pages.dev/cortar-video-online/">cortar vídeo</a>) se só precisar de um trecho.</p> <p class="itool-hint" data-qa-mobile-note>No celular, prefira vídeos curtos ou corte o trecho antes. A compressão usa a memória do aparelho.</p> <div class="cvid-wrap" id="cvid-tool" data-preset="whatsapp"> <div class="cvid-topbar"> <div class="cvid-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg> <span>Comprimir Vídeo<small>Pronto para WhatsApp</small></span> </div> <div class="cvid-topbar-actions"> <button type="button" class="cvid-btn cvid-btn-ghost" id="cvid-change" style="display:none">Trocar arquivo</button> <button type="button" class="cvid-btn cvid-btn-ghost" id="cvid-reset">Reiniciar</button> </div> </div> <input type="file" id="cvid-file" class="cvid-file-input" accept=".mp4,.m4v,.mov,.mkv,.webm,.ogg,.ogv,.ts,video/*" /> <div class="cvid-drop" id="cvid-drop" role="button" tabindex="0" aria-label="Enviar vídeo para comprimir"> <div class="cvid-drop-icon"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg> </div> <h3>Arraste o vídeo aqui ou clique para escolher</h3> <p>Solte o arquivo ou clique para escolher.</p>https://23e22297.dica-hugo.pages.dev/ocr-pdf-online/Sat, 18 Jul 2026 11:05:00 +0000https://23e22297.dica-hugo.pages.dev/ocr-pdf-online/<p class="cpdf-intro"><strong>OCR de PDF online</strong>: leia texto de PDF <strong>digital</strong> (embutido) ou <strong>escaneado</strong> (OCR com Tesseract). Modo automático tenta texto nativo e só usa OCR nas páginas “imagem”. Tudo no navegador.</p> <p class="itool-hint" data-qa-mobile-note>No celular: prefira PDFs com poucas páginas. OCR de várias páginas escaneadas pode demorar e usar muita memória.</p> <div id="opdf-app" class="cpdf-app" data-nosnippet> <div class="cpdf-toolbar" role="toolbar" aria-label="OCR PDF"> <button type="button" class="cpdf-btn cpdf-btn-primary" id="opdf-btn-run" disabled>Extrair texto</button> <button type="button" class="cpdf-btn" id="opdf-btn-pick">Escolher PDF</button> <button type="button" class="cpdf-btn" id="opdf-btn-copy" disabled>Copiar</button> <button type="button" class="cpdf-btn" id="opdf-btn-dl" disabled>Baixar .txt</button> <span class="cpdf-toolbar-spacer" aria-hidden="true"></span> <button type="button" class="cpdf-btn" id="opdf-btn-clear" disabled>Limpar</button> </div> <div class="cpdf-shell"> <div class="cpdf-main"> <h2 class="cpdf-section-title">PDF → Texto (OCR)</h2> <div id="opdf-drop" class="cpdf-drop" role="button" tabindex="0"> <div class="cpdf-drop-icon" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg> </div> <div class="cpdf-drop-title">Arraste um PDF ou clique para escolher</div> <div class="cpdf-drop-hint">Digital ou escaneado · máx. ~40&nbsp;MB · até 15 páginas em OCR</div> <button type="button" class="cpdf-btn cpdf-btn-primary cpdf-drop-cta">Escolher PDF</button> </div> <input id="opdf-file" class="cpdf-file-input" type="file" accept="application/pdf,.pdf"> <div class="cpdf-fields"> <div class="cpdf-row-2"> <div class="cpdf-field"> <label class="cpdf-label" for="opdf-mode">Modo</label> <select id="opdf-mode" class="cpdf-select"> <option value="auto" selected>Automático (texto embutido + OCR se preciso)</option> <option value="text">Só texto embutido (rápido)</option> <option value="ocr">OCR em todas as páginas</option> </select> </div> <div class="cpdf-field"> <label class="cpdf-label" for="opdf-lang">Idioma (OCR)</label> <select id="opdf-lang" class="cpdf-select"> <option value="por+eng" selected>Português + inglês</option> <option value="por">Só português</option> <option value="eng">Só inglês</option> <option value="spa">Espanhol</option> </select> </div> </div> <div class="cpdf-field"> <label class="cpdf-label" for="opdf-maxpages">Máximo de páginas</label> <select id="opdf-maxpages" class="cpdf-select"> <option value="5">5</option> <option value="10" selected>10</option> <option value="15">15</option> </select> </div> <div class="cpdf-note cpdf-note-info"> <span class="cpdf-note-icon" aria-hidden="true">i</span> <div class="cpdf-note-body"><strong>PDF só com texto?</strong> O modo automático é quase instantâneo. <strong>Scan/foto?</strong> Use OCR - mais lento, mas lê a imagem da página. Foto solta (não PDF): <a href="https://23e22297.dica-hugo.pages.dev/ocr-imagem-online/">OCR imagem</a>.</div> </div> <div id="opdf-progress-wrap" hidden> <div class="opdf-bar"><div class="opdf-fill" id="opdf-progress-fill"></div></div> <p id="opdf-progress-text"></p>https://23e22297.dica-hugo.pages.dev/desbloquear-arquivo-zip/Fri, 17 Jul 2026 11:20:00 +0000https://23e22297.dica-hugo.pages.dev/desbloquear-arquivo-zip/<p class="itool-intro"><strong>Desbloquear ZIP online</strong>: se você <em>já sabe a senha</em>, gere uma cópia do arquivo sem proteção - ZipCrypto ou AES. Não quebra senhas desconhecidas.</p> <p class="itool-hint" data-qa-mobile-note>No celular: escolha o .zip, digite a senha e toque em <strong>Desbloquear</strong>. Pacotes muito grandes podem demorar ou falhar por memória.</p> <div id="zipu-app" class="itool-app zipu-app" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="zipu-btn-process" disabled>Desbloquear</button> <button type="button" class="itool-btn" id="zipu-btn-pick">Escolher ZIP</button> <button type="button" class="itool-btn" id="zipu-btn-download" disabled>Baixar ZIP sem senha</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="zipu-btn-clear" disabled>Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="zipu-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></svg></div> <div class="itool-drop-title">Arraste um .zip com senha</div> <div class="itool-drop-hint">Informe a senha correta · máx. 100&nbsp;MB · cópia sem senha no navegador</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta">Escolher ZIP</button> </div> <input id="zipu-file" class="itool-file-input" type="file" accept=".zip,application/zip,application/x-zip-compressed"> <div class="itool-fields" style="margin-top:14px"> <div class="itool-field zip-pass-field" id="zipu-pass-field"> <label class="itool-label" for="zipu-pass">Senha do ZIP</label> <div class="zip-pass-row"> <input id="zipu-pass" class="itool-input" type="password" autocomplete="current-password" placeholder="Senha de abertura"> <button type="button" class="itool-btn" id="zipu-pass-toggle" aria-pressed="false">Mostrar</button> </div> </div> </div> <p class="zip-pass-hint" style="margin-top:10px"><strong>Uso legítimo apenas:</strong> documentos seus ou com autorização. Não removemos senhas que você não conhece.</p>https://23e22297.dica-hugo.pages.dev/ocr-imagem-online/Fri, 17 Jul 2026 10:15:00 +0000https://23e22297.dica-hugo.pages.dev/ocr-imagem-online/<p class="itool-intro"><strong>OCR online</strong>: envie uma foto, print ou escaneado e extraia o <strong>texto editável</strong> (português e inglês). Roda com Tesseract.js no seu aparelho - ideal para copiar trechos de documentos sem digitar de novo.</p> <p class="itool-hint" data-qa-mobile-note>No celular: use foto nítida e bem iluminada. A primeira extração demora mais (download do modelo de idioma).</p> <div id="ocr-app" class="itool-app" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="ocr-btn-run" disabled>Extrair texto</button> <button type="button" class="itool-btn" id="ocr-btn-copy" disabled>Copiar</button> <button type="button" class="itool-btn" id="ocr-btn-dl" disabled>Baixar .txt</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="ocr-btn-clear">Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="ocr-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm4 18H6V4h7v5h5v11zM8 13h8v2H8v-2zm0 4h5v2H8v-2z"/></svg></div> <div class="itool-drop-title">Arraste a imagem com texto</div> <div class="itool-drop-hint">JPEG, PNG, WebP · OCR em português · local</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta"> <svg class="itool-btn-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/></svg> Escolher imagem </button> </div> <input id="ocr-file" class="itool-file-input" type="file" accept="image/*"> <div id="ocr-replace-row" class="ie-replace-row" hidden> <button type="button" class="itool-btn itool-drop-cta" id="ocr-btn-replace">Trocar imagem</button> </div> <div id="ocr-preview-wrap" class="itool-preview-wrap"> <img id="ocr-preview" alt="Prévia"> <div class="itool-meta" id="ocr-meta"></div> </div> <div class="itool-fields"> <div class="itool-field"> <label class="itool-label" for="ocr-lang">Idioma do texto</label> <select id="ocr-lang" class="itool-select"> <option value="por+eng" selected>Português + inglês</option> <option value="por">Só português</option> <option value="eng">Só inglês</option> <option value="spa">Espanhol</option> </select> </div> </div> <div id="ocr-progress-wrap" class="itool-progress-wrap" hidden style="margin-top:12px"> <div class="itool-progress-bar"><div class="itool-progress-fill" id="ocr-progress-fill" style="width:0%"></div></div> <div class="itool-progress-meta" id="ocr-progress-text" style="margin-top:6px"></div> </div> <div class="itool-field" style="margin-top:14px"> <label class="itool-label" for="ocr-out">Texto extraído</label> <textarea id="ocr-out" class="itool-input" rows="12" placeholder="O texto aparecerá aqui…" style="font-family:ui-monospace,monospace;font-size:0.9rem;line-height:1.45;resize:vertical;width:100%"></textarea> <div class="itool-meta" id="ocr-conf" style="margin-top:6px"></div> </div> </div> <aside class="itool-side"> <div class="itool-card"> <div class="itool-card-label">Status</div> <div class="itool-status" id="ocr-status">Envie uma imagem.</div> </div> <p class="itool-hint">Dicas: luz uniforme, texto reto e boa resolução melhoram o resultado. PDF escaneado: use o <a href="https://23e22297.dica-hugo.pages.dev/ocr-pdf-online/">OCR de PDF</a>. Depois confira com <a href="https://23e22297.dica-hugo.pages.dev/comparar-textos/">comparar textos</a> se precisar.</p>https://23e22297.dica-hugo.pages.dev/preparar-foto-3x4-curriculo/Fri, 17 Jul 2026 09:23:00 +0000https://23e22297.dica-hugo.pages.dev/preparar-foto-3x4-curriculo/<p class="f34-intro"><strong>Foto 3x4 para currículo</strong>: use a mesma ferramenta de foto 3x4 do Dica, com foco em envio digital de currículo, portais de emprego e cadastros. Recorte 3:4, fundo branco e limite de KB - 100% no navegador.</p> <p class="itool-hint" data-qa-mobile-note>No celular: use <strong>Usar câmera</strong> (HTTPS + permissão) ou envie da galeria. Centralize o rosto antes de baixar.</p> <div class="itool-faq" style="margin-bottom:16px"> <details open><summary>Qual tamanho usar no currículo digital?</summary><p>Em PDF ou Word, 300×400 ou 354×472 px (3×4 cm em 300&nbsp;DPI) costuma bastar. Prefira JPG com fundo branco e arquivo leve (veja <a href="https://23e22297.dica-hugo.pages.dev/comprimir-imagem-200kb/">comprimir para 200&nbsp;KB</a>).</p>https://23e22297.dica-hugo.pages.dev/dividir-video-status-whatsapp/Thu, 16 Jul 2026 14:35:00 +0000https://23e22297.dica-hugo.pages.dev/dividir-video-status-whatsapp/<p class="itool-intro"><strong>Dividir vídeo para status do WhatsApp</strong>: envie o arquivo e gere trechos de <strong>30&nbsp;s</strong> (ou 15/60). Baixe cada parte ou o <strong>ZIP</strong> completo - compressão/corte local com Mediabunny.</p> <p class="itool-hint" data-qa-mobile-note>No celular: vídeos longos em 4K pedem memória. Prefira 720p ou comprima antes em <a href="https://23e22297.dica-hugo.pages.dev/comprimir-video-para-whatsapp/">comprimir vídeo WhatsApp</a>.</p> <div id="dvs-app" class="dvs-wrap" data-nosnippet data-seg="30"> <div class="dvs-topbar"> <div class="dvs-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg> <span>Status em partes<small>15 / 30 / 60 segundos</small></span> </div> <div class="dvs-topbar-actions"> <button type="button" class="dvs-btn dvs-btn-primary" id="dvs-btn-run" disabled>Dividir</button> <button type="button" class="dvs-btn dvs-btn-ghost" id="dvs-btn-zip" disabled>Baixar ZIP</button> <button type="button" class="dvs-btn dvs-btn-ghost" id="dvs-btn-clear">Limpar</button> </div> </div> <div id="dvs-drop" class="dvs-drop" role="button" tabindex="0"> <h3>Arraste o vídeo do status</h3> <p>MP4, WebM, MOV… · saída em trechos MP4 · ZIP opcional</p>https://23e22297.dica-hugo.pages.dev/ler-qr-code-online/Thu, 16 Jul 2026 14:06:00 +0000https://23e22297.dica-hugo.pages.dev/ler-qr-code-online/<p class="itool-intro"><strong>Ler QR Code online</strong>: use a câmera do celular/notebook ou envie um print. O conteúdo (link, PIX, Wi‑Fi, texto) aparece na hora - sem app e sem enviar a imagem para servidor.</p> <p class="itool-hint" data-qa-mobile-note>Câmera exige <strong>HTTPS</strong> (ou localhost) e permissão do navegador. Se bloquear, envie um <strong>print</strong> do QR.</p> <div id="qrs-app" class="itool-app qrs-app" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="qrs-btn-cam">Abrir câmera</button> <button type="button" class="itool-btn" id="qrs-btn-stop" disabled>Parar câmera</button> <button type="button" class="itool-btn" id="qrs-btn-torch" disabled>Lanterna</button> <button type="button" class="itool-btn" id="qrs-btn-pick">Enviar imagem</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="qrs-btn-clear">Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div class="qrs-cam-wrap"> <video id="qrs-video" class="qrs-video" playsinline muted></video> <div class="qrs-cam-overlay" aria-hidden="true"><div class="qrs-frame"></div></div> </div> <canvas id="qrs-canvas" class="qrs-canvas-hidden" width="1" height="1"></canvas> <div id="qrs-drop" class="itool-drop" role="button" tabindex="0" style="margin-top:14px;min-height:120px"> <div class="itool-drop-title">Ou arraste um print do QR</div> <div class="itool-drop-hint">JPG, PNG, WebP · leitura local</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta">Escolher imagem</button> </div> <input id="qrs-file" class="itool-file-input" type="file" accept="image/*"> <p class="qrs-hint">No celular, use HTTPS e autorize a câmera. Em notebooks, a webcam frontal também funciona.</p>https://23e22297.dica-hugo.pages.dev/extrair-arquivo-zip/Thu, 16 Jul 2026 12:49:00 +0000https://23e22297.dica-hugo.pages.dev/extrair-arquivo-zip/<p class="itool-intro"><strong>Extrair arquivo ZIP online</strong>: veja pastas e arquivos, baixe um item ou o pacote inteiro - inclusive ZIP com senha (quando você já sabe a senha). Tudo local no navegador.</p> <p class="itool-hint" data-qa-mobile-note>No celular: escolha o .zip na galeria de arquivos e baixe item a item se o pacote for grande.</p> <div id="zipe-app" class="itool-app zipe-app" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="zipe-btn-all" disabled>Baixar tudo</button> <button type="button" class="itool-btn" id="zipe-btn-selected" disabled>Baixar selecionados</button> <button type="button" class="itool-btn" id="zipe-btn-pick">Escolher ZIP</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="zipe-btn-clear" disabled>Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="zipe-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></svg></div> <div class="itool-drop-title">Arraste um .zip aqui</div> <div class="itool-drop-hint">Máx. 100&nbsp;MB · até 500 itens listados</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta">Escolher ZIP</button> </div> <input id="zipe-file" class="itool-file-input" type="file" accept=".zip,application/zip,application/x-zip-compressed"> <div class="zip-pass-wrap" id="zipe-pass-wrap" hidden> <div class="itool-field zip-pass-field" id="zipe-pass-field"> <label class="itool-label" for="zipe-pass">Senha do ZIP</label> <div class="zip-pass-row"> <input id="zipe-pass" class="itool-input" type="password" autocomplete="current-password" placeholder="Se o ZIP tiver senha"> <button type="button" class="itool-btn" id="zipe-pass-toggle" aria-pressed="false">Mostrar</button> <button type="button" class="itool-btn itool-btn-primary" id="zipe-btn-unlock" hidden>Aplicar senha</button> </div> <p class="zip-pass-hint">Só funciona com a senha correta - não “quebramos” senhas desconhecidas. Quer só uma cópia sem senha? Use <a href="https://23e22297.dica-hugo.pages.dev/desbloquear-arquivo-zip/">Desbloquear ZIP</a>.</p>https://23e22297.dica-hugo.pages.dev/gif-para-figurinha-whatsapp/Wed, 15 Jul 2026 16:25:00 +0000https://23e22297.dica-hugo.pages.dev/gif-para-figurinha-whatsapp/<p class="itool-intro"><strong>GIF para figurinha WhatsApp</strong>: envie o GIF, enquadre em <strong>512×512</strong> e baixe o resultado animado + still do primeiro frame. Processamento 100% local.</p> <p class="itool-hint" data-qa-mobile-note>Chrome ou Edge recomendados. GIFs curtos (2–4&nbsp;s) geram arquivos menores.</p> <div id="fa-app" class="fa-wrap" data-nosnippet data-accept="gif"> <div class="fa-topbar"> <div class="fa-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2l3 7h7l-5.5 4.2L18 21l-6-4-6 4 1.5-7.8L2 9h7l3-7z"/></svg> <span>GIF → figurinha<small>Preset 512×512</small></span> </div> <div class="fa-topbar-actions"> <button type="button" class="fa-btn fa-btn-primary" id="fa-btn-run" disabled>Converter GIF</button> <button type="button" class="fa-btn fa-btn-ghost" id="fa-btn-clear">Limpar</button> </div> </div> <div id="fa-drop" class="fa-drop" role="button" tabindex="0"> <h3>Arraste o arquivo .gif</h3> <p>GIF animado · saída 512×512 · Chrome/Edge</p> <p style="margin-top:14px"> <button type="button" class="fa-btn fa-btn-primary fa-drop-cta">Escolher GIF</button> </p> </div> <input id="fa-file" class="fa-file-input" type="file" accept=".gif,image/gif"> <div id="fa-editor" class="fa-editor" hidden> <p class="fa-meta" id="fa-meta"></p> <div class="fa-preview-wrap"> <img id="fa-preview" alt="Prévia do GIF"> </div> <div class="fa-fields"> <div class="fa-field"> <label for="fa-mode">Encaixe</label> <select id="fa-mode"> <option value="contain" selected>Caber inteiro</option> <option value="cover">Preencher</option> </select> </div> <div class="fa-field"> <label for="fa-fps">FPS (se interpolar)</label> <select id="fa-fps"> <option value="10">10</option> <option value="12" selected>12</option> <option value="15">15</option> </select> </div> <div class="fa-field"> <label for="fa-colors">Cores</label> <select id="fa-colors"> <option value="128" selected>128</option> <option value="192">192</option> <option value="256">256</option> </select> </div> <div class="fa-field"> <label for="fa-maxdur">Duração máx. (s)</label> <select id="fa-maxdur"> <option value="3">3</option> <option value="4" selected>4</option> <option value="6">6</option> </select> </div> <p class="fa-hint">Ferramenta completa (GIF + vídeo): <a href="https://23e22297.dica-hugo.pages.dev/figurinha-animada-whatsapp/" style="color:#ffb38a">figurinha animada</a>. Estática: <a href="https://23e22297.dica-hugo.pages.dev/criar-figurinhas-whatsapp/" style="color:#ffb38a">criar figurinha</a>.</p>https://23e22297.dica-hugo.pages.dev/diminuir-video-para-email/Wed, 15 Jul 2026 09:32:00 +0000https://23e22297.dica-hugo.pages.dev/diminuir-video-para-email/<p><strong>Diminuir vídeo para e-mail</strong>: anexos costumam travar acima de 10–25&nbsp;MB conforme o provedor. Esta página mira ~15&nbsp;MB em 720p para caber na maioria das caixas (Gmail, Outlook, etc.).</p> <p class="itool-hint" data-qa-mobile-note>No celular, prefira vídeos curtos ou corte o trecho antes. A compressão usa a memória do aparelho.</p> <div class="cvid-wrap" id="cvid-tool" data-preset="email" data-target-mb="15" data-max-height="720"> <div class="cvid-topbar"> <div class="cvid-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg> <span>Comprimir Vídeo<small>Para e-mail · ~15 MB</small></span> </div> <div class="cvid-topbar-actions"> <button type="button" class="cvid-btn cvid-btn-ghost" id="cvid-change" style="display:none">Trocar arquivo</button> <button type="button" class="cvid-btn cvid-btn-ghost" id="cvid-reset">Reiniciar</button> </div> </div> <input type="file" id="cvid-file" class="cvid-file-input" accept=".mp4,.m4v,.mov,.mkv,.webm,.ogg,.ogv,.ts,video/*" /> <div class="cvid-drop" id="cvid-drop" role="button" tabindex="0" aria-label="Enviar vídeo para comprimir"> <div class="cvid-drop-icon"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg> </div> <h3>Arraste o vídeo aqui ou clique para escolher</h3> <p>Solte o arquivo ou clique para escolher.</p>https://23e22297.dica-hugo.pages.dev/figurinha-animada-whatsapp/Tue, 14 Jul 2026 15:10:00 +0000https://23e22297.dica-hugo.pages.dev/figurinha-animada-whatsapp/<p class="itool-intro"><strong>Figurinha animada para WhatsApp</strong>: envie um <strong>GIF</strong> ou <strong>vídeo curto</strong>, enquadre em <strong>512×512</strong> e baixe o GIF animado (ideal para enviar como mídia) mais o <strong>still WebP</strong> do primeiro frame para pacotes estáticos. 100% no navegador.</p> <p class="itool-hint" data-qa-mobile-note>No celular: prefira GIFs curtos (até ~4–6&nbsp;s). Vídeos longos ficam pesados - corte antes se puder.</p> <div id="fa-app" class="fa-wrap" data-nosnippet> <div class="fa-topbar"> <div class="fa-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2l3 7h7l-5.5 4.2L18 21l-6-4-6 4 1.5-7.8L2 9h7l3-7z"/></svg> <span>Figurinha animada<small>512×512 · GIF + still</small></span> </div> <div class="fa-topbar-actions"> <button type="button" class="fa-btn fa-btn-primary" id="fa-btn-run" disabled>Gerar figurinha</button> <button type="button" class="fa-btn fa-btn-ghost" id="fa-btn-clear">Limpar</button> </div> </div> <div id="fa-drop" class="fa-drop" role="button" tabindex="0"> <h3>Arraste GIF ou vídeo curto</h3> <p>GIF animado, MP4/WebM · saída 512×512 · até ~8&nbsp;s processados</p>https://23e22297.dica-hugo.pages.dev/inverter-video-online/Tue, 14 Jul 2026 12:40:00 +0000https://23e22297.dica-hugo.pages.dev/inverter-video-online/<p><strong>Inverter vídeo online</strong> (reverso): assista e baixe o clipe de trás para frente grátis no navegador. Sem upload - ideal para efeitos, análise de movimento e combinar com <a href="https://23e22297.dica-hugo.pages.dev/loop-video-online/">loop</a>.</p> <div class="vrev-wrap" id="vrev-tool" data-nosnippet> <div class="vrev-topbar"> <div class="vrev-topbar-title"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6 13c0-1.65.67-3.15 1.76-4.24L6.34 7.34A8.014 8.014 0 004 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91zm14 0c0-4.42-3.58-8-8-8V2l-4 4 4 4V7c3.31 0 6 2.69 6 6 0 1.65-.67 3.15-1.76 4.24l1.42 1.42A7.988 7.988 0 0020 13z"/></svg> <span>Inverter vídeo<small>100% no navegador · nada é enviado</small></span> </div> <div class="vrev-topbar-actions"> <button type="button" class="vrev-btn vrev-btn-ghost" id="vrev-change" style="display:none">Trocar arquivo</button> <button type="button" class="vrev-btn vrev-btn-ghost" id="vrev-reset">Reiniciar</button> </div> </div> <input type="file" id="vrev-file" class="vrev-file-input" accept=".mp4,.m4v,.mov,.mkv,.webm,.ogg,.ogv,.ts,video/*" /> <div class="vrev-drop" id="vrev-drop" role="button" tabindex="0" aria-label="Enviar vídeo para inverter"> <div class="vrev-drop-icon"> <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg> </div> <h3>Arraste o vídeo aqui ou clique para escolher</h3> <p>Reverso decodifica todos os frames - prefira clips curtos (até 3 min).</p>https://23e22297.dica-hugo.pages.dev/criar-arquivo-zip/Tue, 14 Jul 2026 10:15:00 +0000https://23e22297.dica-hugo.pages.dev/criar-arquivo-zip/<p class="itool-intro"><strong>Criar arquivo ZIP online</strong>: arraste fotos, PDFs e documentos, escolha o nome e baixe o .zip - com ou sem senha. Compressão 100% local no navegador.</p> <p class="itool-hint" data-qa-mobile-note>No celular: use <strong>Escolher arquivos</strong> (vários de uma vez). A lista rola se tiver muitos itens.</p> <div id="zipc-app" class="itool-app zipc-app" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="zipc-btn-build" disabled>Criar ZIP</button> <button type="button" class="itool-btn" id="zipc-btn-pick">Adicionar arquivos</button> <button type="button" class="itool-btn" id="zipc-btn-folder">Adicionar pasta</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="zipc-btn-clear" disabled>Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="zipc-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2z"/></svg></div> <div class="itool-drop-title">Arraste arquivos aqui</div> <div class="itool-drop-hint">Arquivos ou pasta · até 100 itens · máx. 80&nbsp;MB cada</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta">Escolher arquivos</button> </div> <input id="zipc-file" class="itool-file-input" type="file" multiple> <input id="zipc-folder" class="itool-file-input" type="file" webkitdirectory directory multiple> <div class="itool-fields" style="margin-top:14px"> <div class="itool-field"> <label class="itool-label" for="zipc-name">Nome do ZIP</label> <input id="zipc-name" class="itool-input" type="text" value="arquivos" maxlength="80" placeholder="arquivos"> </div> <div class="itool-field"> <label class="itool-label" for="zipc-level">Compressão</label> <select id="zipc-level" class="itool-select"> <option value="0">Nenhuma (mais rápido)</option> <option value="1">Baixa</option> <option value="6" selected>Normal</option> <option value="9">Máxima (mais lento)</option> </select> </div> </div> <div class="zip-pass-options" style="margin-top:12px"> <label class="zip-check"> <input type="checkbox" id="zipc-pass-enable"> <span>Proteger ZIP com senha</span> </label> <div id="zipc-pass-fields" class="zip-pass-fields" hidden> <div class="itool-fields"> <div class="itool-field zip-pass-field"> <label class="itool-label" for="zipc-pass">Senha</label> <div class="zip-pass-row"> <input id="zipc-pass" class="itool-input" type="password" autocomplete="new-password" placeholder="Mín. 4 caracteres" disabled> <button type="button" class="itool-btn" id="zipc-pass-toggle" aria-pressed="false">Mostrar</button> </div> <div class="zip-pass-meter is-empty" id="zipc-pass-meter" data-score="0" aria-hidden="true"><span class="zip-pass-meter-fill"></span></div> <p class="zip-pass-strength-label" id="zipc-pass-strength"></p>https://23e22297.dica-hugo.pages.dev/texto-e-simbolos/Tue, 14 Jul 2026 10:00:00 +0000https://23e22297.dica-hugo.pages.dev/texto-e-simbolos/<p class="ut-hub-lead">O <strong>Texto e Símbolos</strong> reúne as ferramentas do Dica para copiar e colar no WhatsApp, Instagram, Discord, TikTok e Free Fire. Escolha uma categoria abaixo - geração e cópia acontecem 100% no seu aparelho.</p> <div class="ut-hub" data-nosnippet> <div class="ut-hub-groups"> <div class="ut-hub-row ut-hub-row-2"> <section class="ut-hub-group" aria-labelledby="ut-g-carinhas"> <h2 class="ut-hub-group-title" id="ut-g-carinhas"> <span class="ut-hub-group-ico" aria-hidden="true">☺</span> Carinhas e kaomoji </h2> <ul class="ut-hub-grid ut-hub-grid-2"> <li> <a class="ut-hub-card ut-hub-card-blue" href="https://23e22297.dica-hugo.pages.dev/carinhas-do-teclado-lenny-faces/"> <span class="ut-hub-icon" aria-hidden="true">( ͡° ͜ʖ ͡°)</span> <span class="ut-hub-body"> <span class="ut-hub-name">Carinhas do teclado</span> <span class="ut-hub-hint">Lenny para tudo: redes sociais, mensagens e comentários.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> <li> <a class="ut-hub-card ut-hub-card-sky" href="https://23e22297.dica-hugo.pages.dev/gerador-de-kaomoji/"> <span class="ut-hub-icon" aria-hidden="true">ヽ(◕‿◕)ﾉ</span> <span class="ut-hub-body"> <span class="ut-hub-name">Gerador de kaomoji</span> <span class="ut-hub-hint">Monte carinhas com olhos, boca e braços.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> </ul> </section> <section class="ut-hub-group" aria-labelledby="ut-g-letras"> <h2 class="ut-hub-group-title" id="ut-g-letras"> <span class="ut-hub-group-ico" aria-hidden="true">A</span> Letras e nicks </h2> <ul class="ut-hub-grid ut-hub-grid-2"> <li> <a class="ut-hub-card ut-hub-card-violet" href="https://23e22297.dica-hugo.pages.dev/letras-diferentes/"> <span class="ut-hub-icon" aria-hidden="true">𝒜ℬ</span> <span class="ut-hub-body"> <span class="ut-hub-name">Letras diferentes</span> <span class="ut-hub-hint">Fontes Unicode para Instagram, TikTok e Free Fire.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> <li> <a class="ut-hub-card ut-hub-card-lilac" href="https://23e22297.dica-hugo.pages.dev/gerador-de-nick/"> <span class="ut-hub-icon" aria-hidden="true">[N]</span> <span class="ut-hub-body"> <span class="ut-hub-name">Gerador de nick</span> <span class="ut-hub-hint">Produza nicks únicos e estilosos.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> </ul> </section> </div> <section class="ut-hub-group" aria-labelledby="ut-g-simbolos"> <h2 class="ut-hub-group-title" id="ut-g-simbolos"> <span class="ut-hub-group-ico" aria-hidden="true">★</span> Símbolos, emojis e espaços </h2> <ul class="ut-hub-grid ut-hub-grid-4"> <li> <a class="ut-hub-card ut-hub-card-green" href="https://23e22297.dica-hugo.pages.dev/simbolos-para-copiar-e-colar/"> <span class="ut-hub-icon" aria-hidden="true">★</span> <span class="ut-hub-body"> <span class="ut-hub-name">Símbolos para copiar</span> <span class="ut-hub-hint">Estrelas, setas, corações, zodíaco e muito mais.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> <li> <a class="ut-hub-card ut-hub-card-amber" href="https://23e22297.dica-hugo.pages.dev/emojis-para-copiar/"> <span class="ut-hub-icon" aria-hidden="true">😊</span> <span class="ut-hub-body"> <span class="ut-hub-name">Emojis para copiar</span> <span class="ut-hub-hint">Lista completa com busca e favoritos.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> <li> <a class="ut-hub-card ut-hub-card-rose" href="https://23e22297.dica-hugo.pages.dev/caractere-invisivel/"> <span class="ut-hub-icon" aria-hidden="true"> - </span> <span class="ut-hub-body"> <span class="ut-hub-name">Caractere invisível</span> <span class="ut-hub-hint">Espaço em branco para Free Fire, Discord e Instagram.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> <li> <a class="ut-hub-card ut-hub-card-slate" href="https://23e22297.dica-hugo.pages.dev/emojis-significados/"> <span class="ut-hub-icon" aria-hidden="true">💬</span> <span class="ut-hub-body"> <span class="ut-hub-name">Significado dos emojis</span> <span class="ut-hub-hint">Descubra o que cada emoji realmente quer dizer.</span> </span> <span class="ut-hub-arrow" aria-hidden="true">›</span> </a> </li> </ul> </section> <section class="ut-hub-howto" aria-labelledby="ut-howto-title"> <h2 class="ut-hub-group-title" id="ut-howto-title"> <span class="ut-hub-group-ico" aria-hidden="true">▸</span> Como usar estas ferramentas </h2> <ol class="ut-hub-steps"> <li class="ut-hub-step"> <span class="ut-hub-step-num" aria-hidden="true">1</span> <span class="ut-hub-step-body"> <span class="ut-hub-step-title">Abra a ferramenta</span> <span class="ut-hub-step-text">Escolha o tipo de texto ou símbolo que deseja.</span> </span> </li> <li class="ut-hub-step"> <span class="ut-hub-step-num" aria-hidden="true">2</span> <span class="ut-hub-step-body"> <span class="ut-hub-step-title">Toque ou clique em Copiar</span> <span class="ut-hub-step-text">O conteúdo será copiado para a área de transferência.</span> </span> </li> <li class="ut-hub-step"> <span class="ut-hub-step-num" aria-hidden="true">3</span> <span class="ut-hub-step-body"> <span class="ut-hub-step-title">Cole onde quiser</span> <span class="ut-hub-step-text">Use no WhatsApp, Instagram, Discord, TikTok, Free Fire e mais.</span> </span> </li> <li class="ut-hub-step"> <span class="ut-hub-step-num" aria-hidden="true">4</span> <span class="ut-hub-step-body"> <span class="ut-hub-step-title">Pronto!</span> <span class="ut-hub-step-text">Seu texto ou símbolo será exibido com estilo e originalidade.</span> </span> </li> </ol> </section> </div> </div> <p data-unicode-related-slot>UNICODE_RELATED_SLOT</p>https://23e22297.dica-hugo.pages.dev/webp-para-png/Mon, 13 Jul 2026 18:00:00 +0000https://23e22297.dica-hugo.pages.dev/webp-para-png/<p class="itool-intro"><strong>WebP para PNG</strong> online: converta no navegador quando o app ou o site não abre WebP.</p> <div id="img-edit-app" class="itool-app" data-mode="webp-to-png" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="ie-btn-run" disabled>Converter para PNG</button> <button type="button" class="itool-btn" id="ie-btn-dl" disabled>Baixar</button> <button type="button" class="itool-btn" id="ie-btn-copy-url" hidden disabled>Copiar Data URL</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="ie-btn-clear">Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="ie-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2z"/></svg></div> <div class="itool-drop-title">Arraste um WebP</div> <div class="itool-drop-hint">Saída PNG</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta"> <svg class="itool-btn-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/></svg> Escolher imagem </button> </div> <input id="ie-file" class="itool-file-input" type="file" accept="image/webp,.webp,image/*"> <div id="ie-batch-list" class="ie-batch-list" hidden></div> <div id="ie-replace-row" class="ie-replace-row" hidden><button type="button" class="itool-btn itool-drop-cta" id="ie-btn-replace">Trocar imagem</button></div> <div id="ie-preview-wrap" class="itool-preview-wrap"> <img id="ie-preview" alt="Prévia"> <canvas id="ie-work" class="ie-work-canvas"></canvas> <div class="itool-meta" id="ie-meta"></div> <p class="itool-hint" id="ie-pick-hint" hidden>Clique na imagem para escolher a cor a tornar transparente.</p>https://23e22297.dica-hugo.pages.dev/png-para-webp/Mon, 13 Jul 2026 17:00:00 +0000https://23e22297.dica-hugo.pages.dev/png-para-webp/<p class="itool-intro"><strong>PNG para WebP</strong>: formato moderno, menor que PNG em muitos casos, com boa qualidade. Conversão local.</p> <div id="img-edit-app" class="itool-app" data-mode="png-to-webp" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="ie-btn-run" disabled>Converter para WebP</button> <button type="button" class="itool-btn" id="ie-btn-dl" disabled>Baixar</button> <button type="button" class="itool-btn" id="ie-btn-copy-url" hidden disabled>Copiar Data URL</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="ie-btn-clear">Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="ie-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2z"/></svg></div> <div class="itool-drop-title">Arraste um PNG</div> <div class="itool-drop-hint">Saída WebP</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta"> <svg class="itool-btn-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/></svg> Escolher imagem </button> </div> <input id="ie-file" class="itool-file-input" type="file" accept="image/png,.png,image/*"> <div id="ie-batch-list" class="ie-batch-list" hidden></div> <div id="ie-replace-row" class="ie-replace-row" hidden><button type="button" class="itool-btn itool-drop-cta" id="ie-btn-replace">Trocar imagem</button></div> <div id="ie-preview-wrap" class="itool-preview-wrap"> <img id="ie-preview" alt="Prévia"> <canvas id="ie-work" class="ie-work-canvas"></canvas> <div class="itool-meta" id="ie-meta"></div> <p class="itool-hint" id="ie-pick-hint" hidden>Clique na imagem para escolher a cor a tornar transparente.</p>https://23e22297.dica-hugo.pages.dev/jpg-para-png/Mon, 13 Jul 2026 16:00:00 +0000https://23e22297.dica-hugo.pages.dev/jpg-para-png/<p class="itool-intro"><strong>JPG para PNG</strong> no navegador. PNG é melhor para capturas e logos sem compressão com perda (o arquivo pode ficar maior).</p> <div id="img-edit-app" class="itool-app" data-mode="jpg-to-png" data-nosnippet> <div class="itool-toolbar"> <button type="button" class="itool-btn itool-btn-primary" id="ie-btn-run" disabled>Converter para PNG</button> <button type="button" class="itool-btn" id="ie-btn-dl" disabled>Baixar</button> <button type="button" class="itool-btn" id="ie-btn-copy-url" hidden disabled>Copiar Data URL</button> <span class="itool-toolbar-spacer"></span> <button type="button" class="itool-btn" id="ie-btn-clear">Limpar</button> </div> <div class="itool-shell"> <div class="itool-main"> <div id="ie-drop" class="itool-drop" role="button" tabindex="0"> <div class="itool-drop-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2z"/></svg></div> <div class="itool-drop-title">Arraste um JPG</div> <div class="itool-drop-hint">Saída PNG</div> <button type="button" class="itool-btn itool-btn-primary itool-drop-cta"> <svg class="itool-btn-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"/></svg> Escolher imagem </button> </div> <input id="ie-file" class="itool-file-input" type="file" accept="image/jpeg,.jpg,.jpeg,image/*"> <div id="ie-batch-list" class="ie-batch-list" hidden></div> <div id="ie-replace-row" class="ie-replace-row" hidden><button type="button" class="itool-btn itool-drop-cta" id="ie-btn-replace">Trocar imagem</button></div> <div id="ie-preview-wrap" class="itool-preview-wrap"> <img id="ie-preview" alt="Prévia"> <canvas id="ie-work" class="ie-work-canvas"></canvas> <div class="itool-meta" id="ie-meta"></div> <p class="itool-hint" id="ie-pick-hint" hidden>Clique na imagem para escolher a cor a tornar transparente.</p>