<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Dica</title><link>https://788343ef.dica-hugo.pages.dev/</link><description>Recent content on Dica</description><generator>Hugo</generator><language>pt-br</language><lastBuildDate>Thu, 06 Aug 2026 20:30:00 +0000</lastBuildDate><atom:link href="https://788343ef.dica-hugo.pages.dev/index.xml" rel="self" type="application/rss+xml"/><item><title>Anotar Print Online Grátis - Marcar Screenshot no Navegador</title><link>https://788343ef.dica-hugo.pages.dev/anotar-print-online/</link><pubDate>Thu, 06 Aug 2026 20:30:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/anotar-print-online/</guid><description>&lt;div class="fs-workspace ann-fs" data-nosnippet&gt;

&lt;div id="ann-app" class="ann-app is-empty"&gt;

 &lt;!-- Top bar: brand + actions (Annotely / Snagit pattern) --&gt;
 &lt;header class="ann-topbar"&gt;
 &lt;div class="ann-topbar-left"&gt;
 &lt;span class="ann-brand" aria-hidden="true"&gt;✎&lt;/span&gt;
 &lt;span class="ann-brand-text"&gt;Anotar print&lt;/span&gt;
 &lt;span class="ann-top-status" id="ann-status"&gt;Envie um print.&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="ann-topbar-actions"&gt;
 &lt;button type="button" class="ann-top-btn" id="ann-btn-undo" disabled title="Desfazer (Ctrl+Z)"&gt;Desfazer&lt;/button&gt;
 &lt;button type="button" class="ann-top-btn" id="ann-btn-clear-marks" disabled title="Limpar marcações"&gt;Limpar marcações&lt;/button&gt;
 &lt;button type="button" class="ann-top-btn" id="ann-btn-copy" disabled title="Copiar PNG (Ctrl+Shift+C)"&gt;Copiar&lt;/button&gt;
 &lt;button type="button" class="ann-top-btn ann-top-btn-primary" id="ann-btn-dl" disabled title="Baixar PNG"&gt;Baixar PNG&lt;/button&gt;
 &lt;button type="button" class="ann-top-btn ann-top-btn-ghost" id="ann-btn-clear" title="Limpar tudo"&gt;Limpar&lt;/button&gt;
 &lt;/div&gt;
 &lt;/header&gt;

 &lt;div class="ann-body"&gt;
 &lt;!-- Left tool rail --&gt;
 &lt;aside class="ann-rail" aria-label="Ferramentas"&gt;
 &lt;div class="ann-tools" role="toolbar" aria-orientation="vertical" aria-label="Ferramentas de anotação"&gt;
 &lt;button type="button" class="ann-tool is-active" data-ann-tool="pen" title="Caneta (P)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;✏️&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Caneta&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="highlight" title="Destaque (H)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;🖍&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Destaque&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="line" title="Linha (L)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;／&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Linha&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="arrow" title="Seta (A)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;➤&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Seta&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="rect" title="Retângulo (R)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;▭&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Retângulo&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="ellipse" title="Elipse (E)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;◯&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Elipse&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool ann-tool-step" data-ann-tool="step" title="Passo numerado (N)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;&lt;span class="ann-step-icon"&gt;#&lt;/span&gt;&lt;span id="ann-step-badge" class="ann-step-badge"&gt;1&lt;/span&gt;&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Passo&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="text" title="Texto (T)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;T&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Texto&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="blur" title="Desfoque (B)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;💧&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Desfoque&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="redact" title="Tarja (X)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;■&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Tarja&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="ann-tool" data-ann-tool="crop" title="Recortar (C)"&gt;
 &lt;span class="ann-tool-ico" aria-hidden="true"&gt;✂&lt;/span&gt;
 &lt;span class="ann-tool-label"&gt;Recortar&lt;/span&gt;
 &lt;/button&gt;
 &lt;/div&gt;

 &lt;div class="ann-rail-opts"&gt;
 &lt;div class="ann-swatches" aria-label="Cores rápidas"&gt;
 &lt;button type="button" class="ann-swatch is-active" data-ann-swatch="#fa5b0f" style="--sw:#fa5b0f" title="Laranja"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#e11d48" style="--sw:#e11d48" title="Vermelho"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#2563eb" style="--sw:#2563eb" title="Azul"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#16a34a" style="--sw:#16a34a" title="Verde"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#eab308" style="--sw:#eab308" title="Amarelo"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#0f172a" style="--sw:#0f172a" title="Preto"&gt;&lt;/button&gt;
 &lt;button type="button" class="ann-swatch" data-ann-swatch="#ffffff" style="--sw:#ffffff" title="Branco"&gt;&lt;/button&gt;
 &lt;/div&gt;
 &lt;label class="ann-color-label" title="Cor personalizada"&gt;
 &lt;input type="color" id="ann-color" value="#fa5b0f"&gt;
 &lt;/label&gt;
 &lt;label class="ann-size-label"&gt;
 &lt;span&gt;Espessura &lt;strong id="ann-size-val"&gt;4&lt;/strong&gt;&lt;/span&gt;
 &lt;input type="range" id="ann-size" min="1" max="24" value="4"&gt;
 &lt;/label&gt;
 &lt;label class="ann-fill-label" title="Preencher retângulo e elipse"&gt;
 &lt;input type="checkbox" id="ann-fill"&gt; Preencher
 &lt;/label&gt;
 &lt;button type="button" class="ann-rail-btn" id="ann-btn-step-reset" title="Reinicia contador de passos"&gt;Passo → 1&lt;/button&gt;
 &lt;/div&gt;
 &lt;/aside&gt;

 &lt;!-- Canvas workspace --&gt;
 &lt;main class="ann-workspace"&gt;
 &lt;div id="ann-drop" class="ann-drop" role="button" tabindex="0"&gt;
 &lt;div class="ann-drop-icon" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="48" height="48"&gt;&lt;path fill="currentColor" 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-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/&gt;&lt;/svg&gt;
 &lt;/div&gt;
 &lt;div class="ann-drop-title"&gt;Arraste um print ou cole (Ctrl+V)&lt;/div&gt;
 &lt;div class="ann-drop-hint"&gt;PNG, JPG, WebP · 100% no navegador · sem upload&lt;/div&gt;
 &lt;button type="button" class="ann-drop-cta" id="ann-drop-cta"&gt;Escolher imagem&lt;/button&gt;
 &lt;/div&gt;
 &lt;input id="ann-file" class="ann-file-input" type="file" accept="image/*"&gt;

 &lt;div id="ann-stage-wrap" class="ann-stage-wrap" hidden&gt;
 &lt;div class="ann-stage-bar"&gt;
 &lt;button type="button" class="ann-stage-bar-btn" id="ann-btn-replace"&gt;Trocar print&lt;/button&gt;
 &lt;span class="ann-meta" id="ann-meta"&gt;&lt;/span&gt;
 &lt;/div&gt;
 &lt;div id="ann-stage" class="ann-stage"&gt;
 &lt;canvas id="ann-base" class="ann-layer"&gt;&lt;/canvas&gt;
 &lt;canvas id="ann-draw" class="ann-layer"&gt;&lt;/canvas&gt;
 &lt;canvas id="ann-ui" class="ann-layer ann-ui"&gt;&lt;/canvas&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/main&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;!-- end-fs-workspace --&gt;

&lt;p class="itool-intro"&gt;&lt;strong&gt;Anotar print online&lt;/strong&gt;: cole ou envie um screenshot, marque com &lt;strong&gt;seta, passos 1-2-3, recorte, texto, caneta, destaque, elipse, desfoque&lt;/strong&gt; ou &lt;strong&gt;tarja&lt;/strong&gt; e baixe ou copie o PNG. Ideal para tutoriais, bugs e suporte. 100% local.&lt;/p&gt;</description></item><item><title>Remover Fundo de Imagem Online Grátis - IA no Navegador</title><link>https://788343ef.dica-hugo.pages.dev/remover-fundo-imagem-online/</link><pubDate>Thu, 06 Aug 2026 20:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/remover-fundo-imagem-online/</guid><description>&lt;div class="fs-workspace rbg-fs" data-nosnippet&gt;

&lt;div id="rbg-app" class="rbg-app is-empty"&gt;

 &lt;header class="rbg-topbar"&gt;
 &lt;div class="rbg-topbar-left"&gt;
 &lt;span class="rbg-brand" aria-hidden="true"&gt;◎&lt;/span&gt;
 &lt;span class="rbg-brand-text"&gt;Remover fundo&lt;/span&gt;
 &lt;span class="rbg-top-status" id="rbg-status"&gt;Envie uma imagem.&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="rbg-topbar-actions"&gt;
 &lt;button type="button" class="rbg-top-btn rbg-top-btn-primary" id="rbg-btn-run" disabled&gt;Remover fundo&lt;/button&gt;
 &lt;button type="button" class="rbg-top-btn" id="rbg-btn-dl" disabled&gt;Baixar PNG&lt;/button&gt;
 &lt;button type="button" class="rbg-top-btn rbg-top-btn-ghost" id="rbg-btn-clear"&gt;Limpar&lt;/button&gt;
 &lt;/div&gt;
 &lt;/header&gt;

 &lt;div class="rbg-body"&gt;
 &lt;main class="rbg-workspace"&gt;
 &lt;div id="rbg-drop" class="rbg-drop" role="button" tabindex="0"&gt;
 &lt;div class="rbg-drop-icon" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="48" height="48"&gt;&lt;path fill="currentColor" 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-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/&gt;&lt;/svg&gt;
 &lt;/div&gt;
 &lt;div class="rbg-drop-title"&gt;Arraste a imagem ou cole (Ctrl+V)&lt;/div&gt;
 &lt;div class="rbg-drop-hint"&gt;JPG, PNG, WebP · IA local · máx. ~25&amp;nbsp;MB&lt;/div&gt;
 &lt;button type="button" class="rbg-drop-cta itool-drop-cta" id="rbg-drop-cta"&gt;Escolher imagem&lt;/button&gt;
 &lt;/div&gt;
 &lt;input id="rbg-file" class="rbg-file-input" type="file" accept="image/*"&gt;

 &lt;div id="rbg-stage-wrap" class="rbg-stage-wrap" hidden&gt;
 &lt;div class="rbg-stage-bar"&gt;
 &lt;button type="button" class="rbg-stage-bar-btn" id="rbg-btn-replace"&gt;Trocar imagem&lt;/button&gt;
 &lt;span class="rbg-meta" id="rbg-meta"&gt;&lt;/span&gt;
 &lt;/div&gt;

 &lt;div id="rbg-compare" class="rbg-compare"&gt;
 &lt;div class="rbg-pane" id="rbg-preview-pane"&gt;
 &lt;div class="rbg-pane-label"&gt;Original&lt;/div&gt;
 &lt;div id="rbg-preview-wrap" class="rbg-preview-wrap"&gt;
 &lt;img id="rbg-preview" alt="Original"&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="rbg-pane" id="rbg-result-pane" hidden&gt;
 &lt;div class="rbg-pane-label"&gt;Sem fundo&lt;/div&gt;
 &lt;div id="rbg-result-wrap" class="rbg-result-wrap rbg-checker"&gt;
 &lt;img id="rbg-result" alt="Resultado sem fundo"&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div id="rbg-progress-wrap" class="rbg-progress-wrap" hidden&gt;
 &lt;div class="rbg-progress-bar"&gt;&lt;div class="rbg-progress-fill" id="rbg-progress-fill" style="width:0%"&gt;&lt;/div&gt;&lt;/div&gt;
 &lt;div class="rbg-progress-text" id="rbg-progress-text"&gt;&lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/main&gt;

 &lt;aside class="rbg-rail" aria-label="Opções"&gt;
 &lt;div class="rbg-rail-title"&gt;Opções&lt;/div&gt;
 &lt;div class="rbg-field"&gt;
 &lt;label class="rbg-label" for="rbg-model"&gt;Modelo&lt;/label&gt;
 &lt;select id="rbg-model" class="rbg-select"&gt;
 &lt;option value="isnet_fp16" selected&gt;Equilibrado (~84&amp;nbsp;MB)&lt;/option&gt;
 &lt;option value="isnet_quint8"&gt;Rápido (~42&amp;nbsp;MB)&lt;/option&gt;
 &lt;option value="isnet"&gt;Máximo (~168&amp;nbsp;MB)&lt;/option&gt;
 &lt;/select&gt;
 &lt;p class="rbg-field-hint"&gt;Máximo: bordas finas (cabelo). Mais lento.&lt;/p&gt;
 &lt;/div&gt;
 &lt;div class="rbg-field"&gt;
 &lt;label class="rbg-label" for="rbg-device"&gt;Processamento&lt;/label&gt;
 &lt;select id="rbg-device" class="rbg-select"&gt;
 &lt;option value="cpu" selected&gt;CPU (compatível)&lt;/option&gt;
 &lt;option value="gpu"&gt;GPU / WebGPU&lt;/option&gt;
 &lt;/select&gt;
 &lt;/div&gt;
 &lt;div class="rbg-field"&gt;
 &lt;label class="rbg-label" for="rbg-bg-mode"&gt;Fundo de saída&lt;/label&gt;
 &lt;select id="rbg-bg-mode" class="rbg-select"&gt;
 &lt;option value="transparent" selected&gt;Transparente (PNG)&lt;/option&gt;
 &lt;option value="white"&gt;Branco&lt;/option&gt;
 &lt;option value="black"&gt;Preto&lt;/option&gt;
 &lt;option value="color"&gt;Cor personalizada&lt;/option&gt;
 &lt;/select&gt;
 &lt;/div&gt;
 &lt;div class="rbg-field" id="rbg-bg-color-field" hidden&gt;
 &lt;label class="rbg-label" for="rbg-bg-color"&gt;Cor do fundo&lt;/label&gt;
 &lt;input id="rbg-bg-color" type="color" value="#ffffff" class="rbg-color"&gt;
 &lt;/div&gt;
 &lt;div class="rbg-rail-foot"&gt;
 &lt;p&gt;1ª execução baixa o modelo (~84&amp;nbsp;MB) e fica em cache no navegador.&lt;/p&gt;</description></item><item><title>Editor de Vídeo Online Grátis - Timeline no Navegador</title><link>https://788343ef.dica-hugo.pages.dev/editor-de-video-online/</link><pubDate>Thu, 06 Aug 2026 12:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/editor-de-video-online/</guid><description>&lt;div class="fs-workspace veditor-fs" data-nosnippet&gt;
 &lt;div id="veditor" class="veditor-app"&gt;

 &lt;header class="veditor-topbar"&gt;
 &lt;div class="veditor-topbar-left"&gt;
 &lt;span class="veditor-brand" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24"&gt;&lt;path d="M18 4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4h-4zm-7 11H9v-2h2v2zm0-4H9V9h2v2zm4 4h-2v-2h2v2zm0-4h-2V9h2v2z"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;div class="veditor-brand-text"&gt;
 &lt;strong&gt;Editor de vídeo&lt;/strong&gt;
 &lt;span id="veditor-summary" class="veditor-project-meta"&gt;Novo projeto&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="veditor-topbar-center"&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-undo" title="Desfazer (Ctrl+Z)" disabled&gt;↶&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-redo" title="Refazer (Ctrl+Y)" disabled&gt;↷&lt;/button&gt;
 &lt;span class="veditor-topbar-sep" aria-hidden="true"&gt;&lt;/span&gt;
 &lt;button type="button" class="veditor-icon-btn veditor-icon-btn--accent" id="veditor-top-text" title="Adicionar título"&gt;Texto&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-top-sticker" title="Adicionar sticker"&gt;😀&lt;/button&gt;
 &lt;span class="veditor-topbar-sep" aria-hidden="true"&gt;&lt;/span&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-split" title="Dividir no playhead (ou no meio se estiver na borda)" disabled&gt;Dividir&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-dup" title="Duplicar clipe" disabled&gt;Duplicar&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-up" title="Mover para a esquerda" disabled&gt;←&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn" id="veditor-down" title="Mover para a direita" disabled&gt;→&lt;/button&gt;
 &lt;button type="button" class="veditor-icon-btn veditor-icon-btn--danger" id="veditor-rm" title="Remover" disabled&gt;×&lt;/button&gt;
 &lt;/div&gt;
 &lt;div class="veditor-topbar-right"&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-ghost" id="veditor-save" title="Salvar neste navegador"&gt;Salvar&lt;/button&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-ghost" id="veditor-load" title="Abrir projeto salvo"&gt;Abrir&lt;/button&gt;
 &lt;label class="veditor-out-label" for="veditor-out-name"&gt;
 &lt;span class="veditor-sr"&gt;Nome do arquivo&lt;/span&gt;
 &lt;input id="veditor-out-name" type="text" value="video-editado" maxlength="80" placeholder="nome do arquivo"&gt;
 &lt;/label&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-ghost" id="veditor-clear"&gt;Limpar&lt;/button&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-primary" id="veditor-export" disabled&gt;Exportar&lt;/button&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-primary" id="veditor-export-2" hidden disabled&gt;Exportar MP4&lt;/button&gt;
 &lt;/div&gt;
 &lt;/header&gt;

 &lt;div class="veditor-body"&gt;

 &lt;aside class="veditor-panel veditor-panel--left" aria-label="Mídia"&gt;
 &lt;div class="veditor-side-tabs" role="tablist" aria-label="Painel lateral"&gt;
 &lt;button type="button" class="veditor-side-tab is-active" data-tab="media" role="tab" aria-selected="true"&gt;Mídia&lt;/button&gt;
 &lt;button type="button" class="veditor-side-tab" data-tab="audio" role="tab" aria-selected="false"&gt;Áudio&lt;/button&gt;
 &lt;button type="button" class="veditor-side-tab" data-tab="text" role="tab" aria-selected="false"&gt;Texto&lt;/button&gt;
 &lt;/div&gt;

 &lt;div class="veditor-tab-panel is-active" data-tab-panel="media"&gt;
 &lt;div class="veditor-panel-head"&gt;
 &lt;span&gt;Mídia&lt;/span&gt;
 &lt;div class="veditor-btn-row"&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-sm" id="veditor-add-clips"&gt;+ Vídeo&lt;/button&gt;
 &lt;button type="button" class="veditor-btn veditor-btn-sm" id="veditor-add-images"&gt;+ Imagem&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div id="veditor-media-list" class="veditor-media-list"&gt;
 &lt;p class="veditor-media-empty" id="veditor-media-empty"&gt;Importe vídeos ou imagens.&lt;/p&gt;</description></item><item><title>Pintar online grátis: camadas e pincéis no navegador</title><link>https://788343ef.dica-hugo.pages.dev/pintar-online/</link><pubDate>Sat, 01 Aug 2026 10:20:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/pintar-online/</guid><description>&lt;div class="fs-workspace paint-fs" data-nosnippet&gt;

 &lt;div id="paint-draft-banner" class="paint-draft-banner" hidden&gt;
 &lt;span aria-hidden="true"&gt;✦&lt;/span&gt;
 &lt;span&gt;Rascunho de pintura encontrado neste navegador.&lt;/span&gt;
 &lt;button type="button" class="paint-draft-btn" id="paint-draft-restore"&gt;Restaurar&lt;/button&gt;
 &lt;button type="button" class="paint-draft-btn paint-draft-dismiss" id="paint-draft-dismiss"&gt;Descartar&lt;/button&gt;
 &lt;/div&gt;

 &lt;div id="paint-app" class="paint-app paint-app--rail paint-app--shell"&gt;

 &lt;div class="paint-shell"&gt;
 &lt;!-- App menu bar (Arquivo / Editar / …) --&gt;
 &lt;nav class="paint-menubar" role="menubar" aria-label="Menu do editor"&gt;
 &lt;div class="paint-menu"&gt;
 &lt;button type="button" class="paint-menu-btn" data-menu="file" aria-haspopup="true"&gt;Arquivo&lt;/button&gt;
 &lt;div class="paint-menu-dd" id="paint-menu-file" role="menu" hidden&gt;
 &lt;button type="button" role="menuitem" data-act="doc-new"&gt;Novo documento&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="import"&gt;Importar imagem…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="import-tab"&gt;Importar em nova aba…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="import-desenhar"&gt;Importar Desenhar&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="proj-save"&gt;Salvar projeto JSON&lt;/button&gt;
 &lt;label class="paint-menu-file" role="menuitem"&gt;Abrir projeto JSON…&lt;input type="file" id="paint-proj-load" accept="application/json,.json" hidden&gt;&lt;/label&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="export-png"&gt;Exportar PNG&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="export-png2"&gt;Exportar PNG 2×&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="export-sq"&gt;Exportar 1080²&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="export-jpg"&gt;Exportar JPEG&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="copy-image"&gt;Copiar imagem&lt;/button&gt;
 &lt;label class="paint-menu-check"&gt;&lt;input type="checkbox" id="paint-png-alpha"&gt; PNG transparente&lt;/label&gt;
 &lt;hr&gt;
 &lt;label class="paint-menu-file" role="menuitem"&gt;Carregar ponta PNG…&lt;input type="file" id="paint-tip-import" accept="image/*" hidden&gt;&lt;/label&gt;
 &lt;button type="button" role="menuitem" data-act="preset-export"&gt;Exportar presets…&lt;/button&gt;
 &lt;label class="paint-menu-file" role="menuitem"&gt;Importar presets…&lt;input type="file" id="paint-brush-preset-import" accept="application/json,.json" hidden&gt;&lt;/label&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="paint-menu"&gt;
 &lt;button type="button" class="paint-menu-btn" data-menu="edit" aria-haspopup="true"&gt;Editar&lt;/button&gt;
 &lt;div class="paint-menu-dd" id="paint-menu-edit" role="menu" hidden&gt;
 &lt;button type="button" role="menuitem" data-act="undo"&gt;Desfazer &lt;kbd&gt;Ctrl+Z&lt;/kbd&gt;&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="redo"&gt;Refazer &lt;kbd&gt;Ctrl+Y&lt;/kbd&gt;&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="copy"&gt;Copiar seleção &lt;kbd&gt;Ctrl+C&lt;/kbd&gt;&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="paste"&gt;Colar &lt;kbd&gt;Ctrl+V&lt;/kbd&gt;&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="clear-layer"&gt;Limpar camada&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="clear-all"&gt;Limpar tudo&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="paint-menu"&gt;
 &lt;button type="button" class="paint-menu-btn" data-menu="image" aria-haspopup="true"&gt;Imagem&lt;/button&gt;
 &lt;div class="paint-menu-dd" id="paint-menu-image" role="menu" hidden&gt;
 &lt;label class="paint-menu-select"&gt;Quadro
 &lt;select id="paint-canvas-size" aria-label="Tamanho do quadro"&gt;
 &lt;option value="1280x720" selected&gt;HD 1280×720&lt;/option&gt;
 &lt;option value="1920x1080"&gt;Full HD 1920×1080&lt;/option&gt;
 &lt;option value="1080x1080"&gt;Quadrado 1080&lt;/option&gt;
 &lt;option value="800x600"&gt;800×600&lt;/option&gt;
 &lt;option value="2048x2048"&gt;2K quadrado&lt;/option&gt;
 &lt;option value="custom"&gt;Personalizado…&lt;/option&gt;
 &lt;/select&gt;
 &lt;/label&gt;
 &lt;button type="button" role="menuitem" data-act="tool-crop"&gt;Cortar quadro&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="adj-bright"&gt;Brilho / contraste…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="adj-hue"&gt;Matiz / saturação…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="adj-invert"&gt;Inverter cores&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="adj-desat"&gt;Dessaturar&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="adj-autotone"&gt;Auto tom&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="filter-blur"&gt;Desfoque…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="filter-sharpen"&gt;Nitidez…&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="guide-v"&gt;Guia vertical&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="guide-h"&gt;Guia horizontal&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="guide-clear"&gt;Limpar guias&lt;/button&gt;
 &lt;label class="paint-menu-check"&gt;&lt;input type="checkbox" id="paint-snap" checked&gt; Snap a guias&lt;/label&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="paint-menu"&gt;
 &lt;button type="button" class="paint-menu-btn" data-menu="layer" aria-haspopup="true"&gt;Camada&lt;/button&gt;
 &lt;div class="paint-menu-dd" id="paint-menu-layer" role="menu" hidden&gt;
 &lt;button type="button" role="menuitem" data-act="layer-add"&gt;Nova camada&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="layer-group"&gt;Novo grupo&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="layer-dup"&gt;Duplicar&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="layer-merge"&gt;Mesclar abaixo&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="layer-up"&gt;Subir&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="layer-down"&gt;Descer&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="fx-shadow"&gt;Alternar sombra (fx)&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="fx-glow"&gt;Alternar brilho (fx)&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="mask-toggle"&gt;Editar máscara&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="mask-from-sel"&gt;Máscara ← seleção&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="mask-apply"&gt;Aplicar máscara&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="mask-clear"&gt;Remover máscara&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="paint-menu"&gt;
 &lt;button type="button" class="paint-menu-btn" data-menu="select" aria-haspopup="true"&gt;Seleção&lt;/button&gt;
 &lt;div class="paint-menu-dd" id="paint-menu-select" role="menu" hidden&gt;
 &lt;button type="button" role="menuitem" data-act="tool-select"&gt;Retângulo &lt;kbd&gt;M&lt;/kbd&gt;&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="tool-ellipse"&gt;Elipse&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="tool-lasso"&gt;Laço &lt;kbd&gt;L&lt;/kbd&gt;&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="tool-wand"&gt;Varinha &lt;kbd&gt;W&lt;/kbd&gt;&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" role="menuitem" data-act="sel-invert"&gt;Inverter seleção&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="sel-reselect"&gt;Reselecionar&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="sel-deselect"&gt;Desmarcar &lt;kbd&gt;Esc&lt;/kbd&gt;&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="sel-stroke"&gt;Contornar seleção…&lt;/button&gt;
 &lt;button type="button" role="menuitem" data-act="quick-mask"&gt;Máscara rápida &lt;kbd&gt;Q&lt;/kbd&gt;&lt;/button&gt;
 &lt;p class="paint-menu-hint"&gt;Shift = somar · Alt = subtrair&lt;/p&gt;</description></item><item><title>Desenhar online grátis no navegador</title><link>https://788343ef.dica-hugo.pages.dev/desenhar-online/</link><pubDate>Fri, 31 Jul 2026 19:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/desenhar-online/</guid><description>&lt;div class="fs-workspace draw-fs" data-nosnippet&gt;

 &lt;div id="draw-draft-banner" class="draw-draft-banner" hidden&gt;
 &lt;span class="draw-draft-ico" aria-hidden="true"&gt;✦&lt;/span&gt;
 &lt;span class="draw-draft-msg"&gt;Rascunho salvo neste navegador encontrado.&lt;/span&gt;
 &lt;button type="button" class="draw-draft-btn" id="draw-draft-restore"&gt;Restaurar&lt;/button&gt;
 &lt;button type="button" class="draw-draft-btn draw-draft-dismiss" id="draw-draft-dismiss"&gt;Descartar&lt;/button&gt;
 &lt;/div&gt;

&lt;div id="draw-app" class="draw-app is-empty"&gt;

 &lt;!-- Single toolbar row: modes · pens · colors · controls (matches product mock) --&gt;
 &lt;div class="draw-topbar" role="toolbar" aria-label="Ferramentas de desenho"&gt;
 &lt;div class="draw-modes"&gt;
 &lt;button type="button" class="draw-mode" data-mode="selecionar" title="Selecionar traço, forma ou texto (V)"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;rect x="4" y="4" width="16" height="16" rx="2" stroke-dasharray="3 2.5"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Selecionar&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" data-mode="mao" title="Mão — pan (H ou Espaço+arrastar)"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="M18 11V6a2 2 0 0 0-4 0"/&gt;&lt;path d="M14 10V4a2 2 0 0 0-4 0v2"/&gt;&lt;path d="M10 10.5V6a2 2 0 0 0-4 0v8"/&gt;&lt;path d="M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.9-5.8-2.7L3 14.5"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Mão&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" data-mode="borracha" title="Borracha (E)"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"/&gt;&lt;path d="M22 21H7"/&gt;&lt;path d="m5 11 9 9"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Borracha&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" data-mode="balde" title="Balde de tinta (Shift+B)"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z"/&gt;&lt;path d="m5 2 5 5"/&gt;&lt;path d="M2 13h15"/&gt;&lt;path d="M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Balde&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" data-mode="texto" title="Texto (T)"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="M4 7V4h16v3"/&gt;&lt;path d="M9 20h6"/&gt;&lt;path d="M12 4v16"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Texto&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" data-mode="formas" title="Formas — retângulo, elipse, triângulo, losango, polígonos, estrela, seta, coração, linha"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;rect x="3" y="3" width="7" height="7" rx="1"/&gt;&lt;circle cx="17.5" cy="6.5" r="3.5"/&gt;&lt;path d="M14 20 17 14l3 6H14z"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Formas&lt;/span&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-mode" id="draw-tool-lock" title="Travar ferramenta — continua na mesma após desenhar (Q)" aria-pressed="false"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;rect x="5" y="11" width="14" height="10" rx="2"/&gt;&lt;path d="M8 11V8a4 4 0 0 1 8 0v3"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Travar&lt;/span&gt;
 &lt;/button&gt;
 &lt;!-- Excalidraw-style: less frequent tools in overflow --&gt;
 &lt;div class="draw-menu" data-draw-menu="tools"&gt;
 &lt;button type="button" class="draw-mode draw-menu-toggle" id="draw-more-tools" aria-haspopup="true" aria-expanded="false" title="Mais ferramentas"&gt;
 &lt;span class="draw-mode-ico" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;circle cx="12" cy="5" r="1.4" fill="currentColor"/&gt;&lt;circle cx="12" cy="12" r="1.4" fill="currentColor"/&gt;&lt;circle cx="12" cy="19" r="1.4" fill="currentColor"/&gt;&lt;/svg&gt;
 &lt;/span&gt;
 &lt;span class="draw-mode-label"&gt;Mais&lt;/span&gt;
 &lt;/button&gt;
 &lt;div class="draw-menu-panel draw-menu-panel-tools" id="draw-more-tools-panel" hidden role="menu" aria-label="Mais ferramentas"&gt;
 &lt;button type="button" class="draw-menu-item draw-mode-menu" data-mode="lasso" role="menuitem" title="Laço de seleção (ou Alt+arraste)"&gt;
 &lt;span class="draw-menu-ico" aria-hidden="true"&gt;&lt;svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="M7 4c-3 2-4 6-2 9s6 5 9 3 5-6 3-9-6-5-10-3z" stroke-dasharray="3 2"/&gt;&lt;/svg&gt;&lt;/span&gt;
 &lt;span&gt;Laço&lt;/span&gt;
 &lt;kbd&gt;Alt&lt;/kbd&gt;
 &lt;/button&gt;
 &lt;button type="button" class="draw-menu-item draw-mode-menu" data-mode="sticky" role="menuitem" title="Nota adesiva"&gt;
 &lt;span class="draw-menu-ico" aria-hidden="true"&gt;&lt;svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"&gt;&lt;path d="M15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9z"/&gt;&lt;path d="M15 3v6h6"/&gt;&lt;/svg&gt;&lt;/span&gt;
 &lt;span&gt;Nota adesiva&lt;/span&gt;
 &lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;span class="draw-tools-sep" aria-hidden="true"&gt;&lt;/span&gt;

 &lt;div class="draw-pen-tray" id="draw-pens" aria-label="Canetas"&gt;&lt;/div&gt;

 &lt;span class="draw-tools-sep" aria-hidden="true"&gt;&lt;/span&gt;

 &lt;div class="draw-swatch-panel"&gt;
 &lt;div class="draw-swatches" id="draw-swatches" aria-label="Cores"&gt;&lt;/div&gt;
 &lt;/div&gt;

 &lt;span class="draw-tools-sep draw-tools-sep-soft" aria-hidden="true"&gt;&lt;/span&gt;

 &lt;div class="draw-sliders"&gt;
 &lt;div class="draw-sliders-row draw-sliders-ranges"&gt;
 &lt;label class="draw-field draw-field-range" for="draw-size"&gt;
 &lt;span id="draw-size-label"&gt;Tamanho&lt;/span&gt;
 &lt;input type="range" id="draw-size" min="1" max="64" step="1" value="6"&gt;
 &lt;span class="draw-field-val" id="draw-size-val"&gt;6&lt;/span&gt;
 &lt;/label&gt;
 &lt;label class="draw-field draw-field-range" for="draw-opacity"&gt;
 &lt;span&gt;Opacidade&lt;/span&gt;
 &lt;input type="range" id="draw-opacity" min="5" max="100" step="1" value="100"&gt;
 &lt;span class="draw-field-val" id="draw-opacity-val"&gt;100%&lt;/span&gt;
 &lt;/label&gt;
 &lt;/div&gt;
 &lt;div class="draw-sliders-row draw-sliders-opts"&gt;
 &lt;label class="draw-field draw-check" for="draw-fill-shapes" title="Preencher forma"&gt;
 &lt;input type="checkbox" id="draw-fill-shapes"&gt;
 &lt;span&gt;Preencher&lt;/span&gt;
 &lt;/label&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;!-- Excalidraw-style: styles / canvas prefs in overflow (not permanent bar) --&gt;
 &lt;div class="draw-menu draw-menu-opts" data-draw-menu="opts"&gt;
 &lt;button type="button" class="draw-btn draw-btn-sm draw-menu-toggle" id="draw-more-opts" aria-haspopup="true" aria-expanded="false" title="Estilos e opções do quadro"&gt;
 &lt;svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"&gt;&lt;circle cx="12" cy="12" r="3"/&gt;&lt;path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/&gt;&lt;/svg&gt;
 Opções
 &lt;/button&gt;
 &lt;div class="draw-menu-panel draw-menu-panel-opts" id="draw-more-opts-panel" hidden role="dialog" aria-label="Estilos e opções"&gt;
 &lt;div class="draw-menu-section-label"&gt;Traço&lt;/div&gt;
 &lt;div class="draw-style-group" role="group" aria-label="Estilo do traço"&gt;
 &lt;button type="button" class="draw-chip is-active" data-stroke-style="solid" title="Traço sólido"&gt;━&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-stroke-style="dashed" title="Tracejado"&gt;┅&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-stroke-style="dotted" title="Pontilhado"&gt;┈&lt;/button&gt;
 &lt;/div&gt;
 &lt;div class="draw-menu-section-label"&gt;Preenchimento&lt;/div&gt;
 &lt;div class="draw-style-group" role="group" aria-label="Preenchimento"&gt;
 &lt;button type="button" class="draw-chip is-active" data-fill-style="solid" title="Preenchimento sólido"&gt;■&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-fill-style="hatch" title="Hachura"&gt;▨&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-fill-style="none" title="Sem preenchimento"&gt;□&lt;/button&gt;
 &lt;/div&gt;
 &lt;div class="draw-menu-section-label"&gt;Texto&lt;/div&gt;
 &lt;div class="draw-menu-row"&gt;
 &lt;label class="draw-field" for="draw-font" title="Fonte do texto"&gt;
 &lt;select id="draw-font" aria-label="Fonte"&gt;
 &lt;option value="system-ui,Segoe UI,sans-serif"&gt;Sistema&lt;/option&gt;
 &lt;option value="Georgia,Times New Roman,serif"&gt;Serif&lt;/option&gt;
 &lt;option value="ui-monospace,Consolas,monospace"&gt;Mono&lt;/option&gt;
 &lt;/select&gt;
 &lt;/label&gt;
 &lt;div class="draw-style-group" role="group" aria-label="Alinhamento do texto"&gt;
 &lt;button type="button" class="draw-chip is-active" data-text-align="left" title="Texto à esquerda"&gt;⬅&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-text-align="center" title="Texto ao centro"&gt;↔&lt;/button&gt;
 &lt;button type="button" class="draw-chip" data-text-align="right" title="Texto à direita"&gt;➡&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="draw-menu-section-label"&gt;Quadro&lt;/div&gt;
 &lt;div class="draw-menu-row draw-menu-row-wrap"&gt;
 &lt;label class="draw-field draw-check" for="draw-show-grid" title="Mostrar grade"&gt;
 &lt;input type="checkbox" id="draw-show-grid"&gt;
 &lt;span&gt;Grade&lt;/span&gt;
 &lt;/label&gt;
 &lt;label class="draw-field draw-check" for="draw-snap-grid" title="Encaixar na grade"&gt;
 &lt;input type="checkbox" id="draw-snap-grid"&gt;
 &lt;span&gt;Snap&lt;/span&gt;
 &lt;/label&gt;
 &lt;label class="draw-field draw-check" for="draw-png-alpha" title="PNG transparente"&gt;
 &lt;input type="checkbox" id="draw-png-alpha"&gt;
 &lt;span&gt;PNG transparente&lt;/span&gt;
 &lt;/label&gt;
 &lt;/div&gt;
 &lt;label class="draw-field draw-field-bg" for="draw-bg" title="Fundo do quadro"&gt;
 &lt;span&gt;Fundo&lt;/span&gt;
 &lt;select id="draw-bg" aria-label="Fundo"&gt;
 &lt;option value="#ffffff"&gt;Branco&lt;/option&gt;
 &lt;option value="#f8fafc"&gt;Cinza&lt;/option&gt;
 &lt;option value="#0f172a"&gt;Escuro&lt;/option&gt;
 &lt;option value="transparent" selected&gt;Pontilhado&lt;/option&gt;
 &lt;/select&gt;
 &lt;/label&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;!-- Context menu --&gt;
 &lt;div id="draw-ctx" class="draw-ctx" hidden&gt;
 &lt;button type="button" data-ctx="edit"&gt;Editar texto&lt;/button&gt;
 &lt;button type="button" data-ctx="dup"&gt;Duplicar&lt;/button&gt;
 &lt;button type="button" data-ctx="copy"&gt;Copiar&lt;/button&gt;
 &lt;button type="button" data-ctx="paste"&gt;Colar&lt;/button&gt;
 &lt;button type="button" data-ctx="delete"&gt;Apagar&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" data-ctx="group"&gt;Agrupar&lt;/button&gt;
 &lt;button type="button" data-ctx="ungroup"&gt;Desagrupar&lt;/button&gt;
 &lt;button type="button" data-ctx="lock"&gt;Bloquear&lt;/button&gt;
 &lt;button type="button" data-ctx="front"&gt;Para frente&lt;/button&gt;
 &lt;button type="button" data-ctx="back"&gt;Para trás&lt;/button&gt;
 &lt;hr&gt;
 &lt;button type="button" data-ctx="flipH"&gt;Espelhar H&lt;/button&gt;
 &lt;button type="button" data-ctx="flipV"&gt;Espelhar V&lt;/button&gt;
 &lt;button type="button" data-ctx="rotate"&gt;Rotacionar…&lt;/button&gt;
 &lt;button type="button" data-ctx="exportSel"&gt;Exportar seleção&lt;/button&gt;
 &lt;/div&gt;

 &lt;!-- Canvas --&gt;
 &lt;div id="draw-surface-wrap" class="draw-surface-wrap is-dots"&gt;
 &lt;p id="draw-hint" class="draw-hint"&gt;Clique ou toque para desenhar&lt;/p&gt;</description></item><item><title>Como usar a busca inteligente do DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/busca-inteligente-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:50:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/busca-inteligente-dicanote/</guid><description>&lt;p&gt;A busca inteligente do DicaNote consulta mais do que títulos. Ela pode localizar palavras no corpo das notas, nomes de anexos, PDFs e links, destacando onde o termo aparece.&lt;/p&gt;
&lt;h2 id="comece-com-uma-palavra-específica"&gt;Comece com uma palavra específica&lt;/h2&gt;
&lt;p&gt;Toque em &lt;strong&gt;Smart search&lt;/strong&gt; na tela inicial e digite uma palavra que você se lembra. O DicaNote mostra sugestões enquanto você escreve.&lt;/p&gt;
&lt;figure&gt;
 &lt;img src="https://788343ef.dica-hugo.pages.dev/img/dicanote-tutoriais/dicanote-busca-inteligente.png" alt="Busca inteligente do DicaNote procurando a palavra viagem e mostrando uma sugestão de nota" width="900" height="2000" decoding="async" fetchpriority="high"&gt;
 &lt;figcaption&gt;Comece com uma palavra marcante, como o destino, nome do projeto ou assunto principal.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Se a sugestão certa aparecer, toque nela. Para examinar tudo, escolha &lt;strong&gt;Show all results&lt;/strong&gt;.&lt;/p&gt;</description></item><item><title>Como conectar notas com links internos no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/links-internos-web-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:40:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/links-internos-web-dicanote/</guid><description>&lt;p&gt;Categorias agrupam assuntos; links mostram relações. Ao conectar uma nota de viagem a uma lista de lugares, por exemplo, você consegue navegar entre as duas sem duplicar informações.&lt;/p&gt;
&lt;h2 id="adicione-um-link-para-outra-nota"&gt;Adicione um link para outra nota&lt;/h2&gt;
&lt;p&gt;Abra a nota de origem e use a ferramenta de relações do editor. Escolha a nota de destino e confirme. O DicaNote exibe a referência como um cartão com título, resumo e atalho para abrir o conteúdo relacionado.&lt;/p&gt;</description></item><item><title>Como importar, exportar e fazer backup do DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/importar-exportar-backup-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:30:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/importar-exportar-backup-dicanote/</guid><description>&lt;p&gt;Importação, exportação e backup resolvem necessidades diferentes. A importação traz notas de arquivos ou outros aplicativos; a exportação gera cópias legíveis; o backup preserva a base completa para recuperação.&lt;/p&gt;
&lt;h2 id="importe-arquivos-e-pastas"&gt;Importe arquivos e pastas&lt;/h2&gt;
&lt;p&gt;Abra o menu de três pontos e toque em &lt;strong&gt;Import / Export&lt;/strong&gt;. Na aba &lt;strong&gt;Import&lt;/strong&gt;, o DicaNote oferece opções para arquivos TXT ou Markdown, pastas com vários documentos e pacotes ZIP.&lt;/p&gt;
&lt;figure&gt;
 &lt;img src="https://788343ef.dica-hugo.pages.dev/img/dicanote-tutoriais/dicanote-importar-exportar.png" alt="Painel Import e Export do DicaNote com opções para TXT, Markdown, pastas e ZIP" width="900" height="2000" decoding="async" fetchpriority="high"&gt;
 &lt;figcaption&gt;Escolha o formato correspondente à origem das notas para reduzir ajustes depois da importação.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Antes de importar centenas de arquivos, teste com dois ou três. Confira títulos, listas, links e anexos. Se o resultado estiver correto, importe o restante.&lt;/p&gt;</description></item><item><title>Como organizar e ler PDFs no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/biblioteca-pdf-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:20:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/biblioteca-pdf-dicanote/</guid><description>&lt;p&gt;O DicaNote permite anexar documentos PDF às notas e consultá-los também em uma biblioteca central. Dessa forma, o arquivo mantém seu contexto — projeto, viagem ou estudo — sem ficar perdido entre downloads do celular.&lt;/p&gt;
&lt;h2 id="adicione-um-pdf-a-uma-nota"&gt;Adicione um PDF a uma nota&lt;/h2&gt;
&lt;p&gt;Abra ou crie uma nota, toque no clipe e escolha a opção de arquivo ou PDF. Selecione o documento no Android e aguarde a importação. Um nome claro facilita encontrá-lo depois.&lt;/p&gt;</description></item><item><title>Como usar modelos de notas no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/modelos-notas-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:10:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/modelos-notas-dicanote/</guid><description>&lt;p&gt;Modelos economizam tempo quando você cria notas parecidas com frequência. Em vez de montar novamente títulos, listas e tabelas, escolha uma estrutura pronta e concentre-se no conteúdo.&lt;/p&gt;
&lt;h2 id="abra-a-galeria-de-modelos"&gt;Abra a galeria de modelos&lt;/h2&gt;
&lt;p&gt;Na tela inicial, toque no menu de três pontos e escolha &lt;strong&gt;Manage Templates&lt;/strong&gt;. A galeria separa os modelos por finalidade, como &lt;strong&gt;Planning&lt;/strong&gt;, &lt;strong&gt;Work&lt;/strong&gt;, &lt;strong&gt;Personal&lt;/strong&gt;, &lt;strong&gt;Study&lt;/strong&gt; e &lt;strong&gt;Lists&lt;/strong&gt;.&lt;/p&gt;
&lt;figure&gt;
 &lt;img src="https://788343ef.dica-hugo.pages.dev/img/dicanote-tutoriais/dicanote-modelos.png" alt="Galeria Manage Templates do DicaNote com modelos de revisão semanal, viagem, estudos e compras" width="900" height="2000" decoding="async" fetchpriority="high"&gt;
 &lt;figcaption&gt;Os cartões mostram uma prévia da estrutura para ajudar a escolher o modelo adequado.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Use a busca quando souber o nome do modelo ou toque em uma categoria para reduzir a lista. Para planejar uma viagem, por exemplo, &lt;strong&gt;Travel Planner&lt;/strong&gt; já oferece espaço para documentos, roupas, tecnologia e roteiro por dia.&lt;/p&gt;</description></item><item><title>Como criar tarefas e lembretes no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/tarefas-lembretes-dicanote/</link><pubDate>Fri, 31 Jul 2026 08:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/tarefas-lembretes-dicanote/</guid><description>&lt;p&gt;No DicaNote, uma tarefa pode ter título, descrição, data, horário e lembrete. Isso permite manter a informação e a próxima ação juntas, sem depender de outro aplicativo para acompanhar pequenos compromissos.&lt;/p&gt;
&lt;h2 id="crie-uma-tarefa-a-partir-de-uma-nota"&gt;Crie uma tarefa a partir de uma nota&lt;/h2&gt;
&lt;p&gt;Toque no botão &lt;strong&gt;+&lt;/strong&gt; da tela inicial e escreva o que precisa ser feito. No editor, toque no círculo ao lado do título para ativar o modo de tarefa. Em seguida, use o ícone de calendário para escolher a data.&lt;/p&gt;</description></item><item><title>Recursos do DicaNote: menu, backup, segurança e personalização</title><link>https://788343ef.dica-hugo.pages.dev/recursos-backup-seguranca-dicanote/</link><pubDate>Fri, 31 Jul 2026 04:50:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/recursos-backup-seguranca-dicanote/</guid><description>&lt;p&gt;Além de criar notas, o DicaNote oferece ferramentas para agenda, anexos, PDFs, modelos, estatísticas, segurança e proteção dos dados. Quase todas ficam no menu de três pontos, no canto superior direito da tela inicial.&lt;/p&gt;
&lt;figure&gt;
 &lt;img src="https://788343ef.dica-hugo.pages.dev/img/dicanote-tutoriais/dicanote-menu-principal.png" alt="Menu principal do DicaNote com Agenda, Importar e Exportar, Anexos, PDFs, Links, Modelos, Estatísticas e Configurações" width="900" height="2000" decoding="async" fetchpriority="high"&gt;
 &lt;figcaption&gt;O menu concentra ferramentas de organização, manutenção e configuração.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;h2 id="o-que-há-no-menu-principal"&gt;O que há no menu principal&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Agenda:&lt;/strong&gt; compromissos, calendário e diário;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Import / Export:&lt;/strong&gt; entrada e saída de dados;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Attachments:&lt;/strong&gt; arquivos anexados às notas;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;PDF bookshelf:&lt;/strong&gt; biblioteca de documentos PDF;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Manage Web Links:&lt;/strong&gt; gerenciamento de links salvos;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Manage Templates:&lt;/strong&gt; modelos reutilizáveis de nota;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Find Duplicates:&lt;/strong&gt; localização de notas repetidas;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Statistics:&lt;/strong&gt; visão geral do conteúdo armazenado;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Settings:&lt;/strong&gt; conta, aparência, segurança, notificações, backup e privacidade;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Contact Us&lt;/strong&gt; e &lt;strong&gt;About:&lt;/strong&gt; suporte e informações do aplicativo.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="crie-modelos-para-notas-repetitivas"&gt;Crie modelos para notas repetitivas&lt;/h2&gt;
&lt;p&gt;Se você costuma escrever o mesmo tipo de nota, abra &lt;strong&gt;Manage Templates&lt;/strong&gt; e crie um modelo. Ele pode servir para reuniões, diários de estudo, atendimento, checklist de viagem ou revisão semanal.&lt;/p&gt;</description></item><item><title>Como adicionar imagens, arquivos e outros anexos no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/adicionar-anexos-pdf-imagens-dicanote/</link><pubDate>Fri, 31 Jul 2026 04:40:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/adicionar-anexos-pdf-imagens-dicanote/</guid><description>&lt;p&gt;Uma nota pode ser muito mais do que texto. No DicaNote, você pode acrescentar imagens, documentos, áudio, vídeo, desenhos e outros arquivos para manter todo o material de um assunto no mesmo lugar.&lt;/p&gt;
&lt;h2 id="como-anexar-um-arquivo-a-uma-nota"&gt;Como anexar um arquivo a uma nota&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Abra a nota que receberá o arquivo.&lt;/li&gt;
&lt;li&gt;Toque no ícone de &lt;strong&gt;clipe&lt;/strong&gt; na barra inferior.&lt;/li&gt;
&lt;li&gt;Escolha o tipo de conteúdo.&lt;/li&gt;
&lt;li&gt;Selecione ou produza o arquivo no celular.&lt;/li&gt;
&lt;li&gt;Confirme a inclusão e salve a nota.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Dependendo do tipo escolhido, o Android pode solicitar permissão para acessar fotos, câmera, microfone ou arquivos. Leia a mensagem e libere apenas o necessário para a ação que está realizando.&lt;/p&gt;</description></item><item><title>Como usar agenda, calendário e diário no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/agenda-calendario-diario-dicanote/</link><pubDate>Fri, 31 Jul 2026 04:30:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/agenda-calendario-diario-dicanote/</guid><description>&lt;p&gt;O DicaNote reúne notas e planejamento no mesmo aplicativo. Na área de calendário, você pode consultar os compromissos do dia, navegar pelo mês e manter um diário com entradas rápidas.&lt;/p&gt;
&lt;p&gt;Para acessar esses recursos, abra o menu de três pontos na tela inicial e toque em &lt;strong&gt;Agenda&lt;/strong&gt;.&lt;/p&gt;
&lt;h2 id="consulte-a-agenda-do-dia"&gt;Consulte a agenda do dia&lt;/h2&gt;
&lt;p&gt;A aba &lt;strong&gt;Agenda&lt;/strong&gt; mostra uma faixa com os dias da semana e, abaixo, tudo o que está programado para a data selecionada.&lt;/p&gt;</description></item><item><title>Como organizar notas no DicaNote com categorias e etiquetas</title><link>https://788343ef.dica-hugo.pages.dev/organizar-notas-categorias-etiquetas-busca-dicanote/</link><pubDate>Fri, 31 Jul 2026 04:20:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/organizar-notas-categorias-etiquetas-busca-dicanote/</guid><description>&lt;p&gt;Quando o número de anotações cresce, uma boa organização economiza tempo. O DicaNote oferece quatro recursos que trabalham juntos: &lt;strong&gt;categorias&lt;/strong&gt;, &lt;strong&gt;etiquetas&lt;/strong&gt;, &lt;strong&gt;notas fixadas&lt;/strong&gt; e &lt;strong&gt;busca inteligente&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;A regra mais simples é: use categorias para os grandes assuntos e etiquetas para características que podem aparecer em vários assuntos.&lt;/p&gt;
&lt;h2 id="abra-o-painel-de-organização"&gt;Abra o painel de organização&lt;/h2&gt;
&lt;p&gt;Na tela inicial, toque no ícone de &lt;strong&gt;pasta&lt;/strong&gt;, ao lado da busca. O painel lateral reúne itens recentes, categorias e etiquetas sem tirar você da lista de notas.&lt;/p&gt;</description></item><item><title>Como criar sua primeira nota no DicaNote</title><link>https://788343ef.dica-hugo.pages.dev/como-criar-primeira-nota-dicanote/</link><pubDate>Fri, 31 Jul 2026 04:10:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/como-criar-primeira-nota-dicanote/</guid><description>&lt;p&gt;O DicaNote foi criado para registrar uma ideia rapidamente e, quando necessário, transformar essa anotação em algo mais completo. Você pode começar com uma frase simples e depois adicionar título, tarefas, imagens, arquivos, categorias, etiquetas e links para outras notas.&lt;/p&gt;
&lt;p&gt;Neste tutorial, você aprenderá o caminho básico para criar e organizar sua primeira nota.&lt;/p&gt;
&lt;figure&gt;
 &lt;img src="https://788343ef.dica-hugo.pages.dev/img/dicanote-tutoriais/dicanote-tela-inicial.png" alt="Tela inicial do DicaNote com notas fixadas, busca inteligente e botão para criar nota" width="900" height="2000" decoding="async" fetchpriority="high"&gt;
 &lt;figcaption&gt;A tela inicial reúne a busca, as notas fixadas e os atalhos de criação.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;h2 id="como-criar-uma-nota"&gt;Como criar uma nota&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;Abra o &lt;strong&gt;DicaNote&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Toque no botão azul &lt;strong&gt;+&lt;/strong&gt;, no canto inferior direito.&lt;/li&gt;
&lt;li&gt;Digite um título que ajude você a reconhecer o assunto depois.&lt;/li&gt;
&lt;li&gt;Escreva o conteúdo da nota.&lt;/li&gt;
&lt;li&gt;Use os botões da barra inferior para acrescentar tarefas, anexos, categorias, etiquetas ou notas relacionadas.&lt;/li&gt;
&lt;li&gt;Toque no ícone de &lt;strong&gt;salvar&lt;/strong&gt; na parte superior.&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="bloco-perito dica-img"&gt;
 &lt;p&gt;&lt;strong&gt;Dica:&lt;/strong&gt; não é preciso organizar tudo antes de começar. Registre a informação primeiro e acrescente categorias ou etiquetas quando elas realmente ajudarem.&lt;/p&gt;</description></item><item><title>Redimensionar vídeo online grátis no navegador</title><link>https://788343ef.dica-hugo.pages.dev/redimensionar-video-online/</link><pubDate>Wed, 29 Jul 2026 18:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/redimensionar-video-online/</guid><description>&lt;p class="itool-intro"&gt;&lt;strong&gt;Redimensionar vídeo online&lt;/strong&gt;: baixe em 1080p, 720p, 480p, 50% ou tamanho personalizado. Ideal para WhatsApp, e-mail, reels e economizar espaço. Processamento no navegador.&lt;/p&gt;

&lt;p class="itool-hint" data-qa-mobile-note&gt;No celular: prefira vídeos curtos. 4K longo pode demorar e usar bastante memória — no desktop costuma ser mais rápido.&lt;/p&gt;

&lt;div id="vtool" class="mtool-wrap" data-nosnippet&gt;
 &lt;div class="mtool-topbar"&gt;
 &lt;div class="mtool-topbar-title"&gt;
 &lt;svg viewBox="0 0 24 24" aria-hidden="true"&gt;&lt;path d="M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"/&gt;&lt;/svg&gt;
 &lt;span&gt;Redimensionar vídeo&lt;small&gt;1080p · 720p · personalizado&lt;/small&gt;&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="mtool-topbar-actions"&gt;
 &lt;button type="button" class="mtool-btn mtool-btn-ghost" id="vtool-change" style="display:none"&gt;Trocar&lt;/button&gt;
 &lt;button type="button" class="mtool-btn mtool-btn-ghost" id="vtool-reset"&gt;Limpar&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div id="vtool-drop" class="mtool-drop" role="button" tabindex="0" aria-label="Enviar vídeo"&gt;
 &lt;div class="mtool-drop-icon" aria-hidden="true"&gt;
 &lt;svg viewBox="0 0 24 24"&gt;&lt;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"/&gt;&lt;/svg&gt;
 &lt;/div&gt;
 &lt;h3&gt;Arraste o vídeo aqui&lt;/h3&gt;
 &lt;p&gt;MP4, MOV, WebM, MKV — redimensione no navegador&lt;/p&gt;</description></item><item><title>Assinar PDF online grátis no navegador</title><link>https://788343ef.dica-hugo.pages.dev/assinar-pdf-online/</link><pubDate>Wed, 29 Jul 2026 14:00:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/assinar-pdf-online/</guid><description>&lt;p class="cpdf-intro"&gt;Use a ferramenta abaixo para &lt;strong&gt;assinar PDF online&lt;/strong&gt;: desenhe a firma ou envie um PNG, posicione na página (arraste) e baixe o documento assinado - sem cadastro e sem upload.&lt;/p&gt;

&lt;p class="itool-hint" data-qa-mobile-note style="margin:0 0 14px;padding:10px 12px;border-radius:10px;border:1px dashed var(--dica-border,#d0d5dd);background:var(--dica-surface-soft,#f8fafc);font-size:0.86rem;line-height:1.45;color:var(--dica-body,#344054)"&gt;No celular: assine com o dedo na aba &lt;strong&gt;Desenhar&lt;/strong&gt;, arraste a prévia da firma na página e toque em &lt;strong&gt;Assinar&lt;/strong&gt;. PDFs com senha precisam ser &lt;a href="https://788343ef.dica-hugo.pages.dev/desbloquear-pdf-online/"&gt;desbloqueados&lt;/a&gt; antes.&lt;/p&gt;

&lt;div id="apdf-app" class="cpdf-app" data-nosnippet&gt;

 &lt;div class="cpdf-toolbar" role="toolbar" aria-label="Ações assinar PDF"&gt;
 &lt;button type="button" class="cpdf-btn cpdf-btn-primary" id="apdf-btn-sign" disabled&gt;
 &lt;svg class="cpdf-btn-icon" viewBox="0 0 24 24" aria-hidden="true"&gt;&lt;path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/&gt;&lt;/svg&gt;
 Assinar
 &lt;/button&gt;
 &lt;button type="button" class="cpdf-btn" id="apdf-btn-pick"&gt;
 &lt;svg class="cpdf-btn-icon" viewBox="0 0 24 24" aria-hidden="true"&gt;&lt;path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/&gt;&lt;/svg&gt;
 Escolher PDF
 &lt;/button&gt;
 &lt;button type="button" class="cpdf-btn" id="apdf-btn-download" disabled&gt;
 &lt;svg class="cpdf-btn-icon" viewBox="0 0 24 24" aria-hidden="true"&gt;&lt;path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/&gt;&lt;/svg&gt;
 Baixar PDF
 &lt;/button&gt;
 &lt;span class="cpdf-toolbar-spacer" aria-hidden="true"&gt;&lt;/span&gt;
 &lt;button type="button" class="cpdf-btn" id="apdf-btn-clear" disabled&gt;Limpar&lt;/button&gt;
 &lt;/div&gt;

 &lt;div class="cpdf-shell"&gt;
 &lt;div class="cpdf-main"&gt;
 &lt;h2 class="cpdf-section-title"&gt;Assinar PDF&lt;/h2&gt;

 &lt;div
 id="apdf-drop"
 class="cpdf-drop"
 role="button"
 tabindex="0"
 aria-label="Arraste um PDF ou clique para escolher"
 &gt;
 &lt;div class="cpdf-drop-icon" aria-hidden="true"&gt;
 &lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"&gt;&lt;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"/&gt;&lt;/svg&gt;
 &lt;/div&gt;
 &lt;div class="cpdf-drop-title"&gt;Arraste um PDF aqui ou clique para escolher&lt;/div&gt;
 &lt;div class="cpdf-drop-hint"&gt;Somente PDF · 1 arquivo · máx. 50&amp;nbsp;MB · até 80 páginas · processamento local&lt;/div&gt;
 &lt;button type="button" class="cpdf-btn cpdf-btn-primary cpdf-drop-cta"&gt;
 &lt;svg class="cpdf-btn-icon" viewBox="0 0 24 24" aria-hidden="true"&gt;&lt;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"/&gt;&lt;/svg&gt;
 Escolher PDF
 &lt;/button&gt;
 &lt;/div&gt;
 &lt;input id="apdf-file" class="cpdf-file-input" type="file" accept="application/pdf,.pdf"&gt;

 &lt;div id="apdf-workspace" class="apdf-workspace" hidden&gt;
 &lt;div class="apdf-tabs" role="tablist" aria-label="Origem da assinatura"&gt;
 &lt;button type="button" class="apdf-tab is-active" data-apdf-tab="draw" role="tab" aria-selected="true"&gt;Desenhar&lt;/button&gt;
 &lt;button type="button" class="apdf-tab" data-apdf-tab="upload" role="tab" aria-selected="false"&gt;Enviar imagem&lt;/button&gt;
 &lt;/div&gt;

 &lt;div data-apdf-panel="draw"&gt;
 &lt;div id="apdf-pad-wrap" class="apdf-pad-wrap"&gt;
 &lt;canvas id="apdf-pad" class="apdf-pad" aria-label="Área para desenhar a assinatura"&gt;&lt;/canvas&gt;
 &lt;div id="apdf-pad-hint" class="apdf-pad-hint"&gt;Desenhe sua assinatura aqui&lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="apdf-pad-actions"&gt;
 &lt;button type="button" class="cpdf-btn cpdf-btn-primary" id="apdf-btn-use-pad" disabled&gt;Usar esta assinatura&lt;/button&gt;
 &lt;button type="button" class="cpdf-btn" id="apdf-pad-undo" disabled&gt;Desfazer&lt;/button&gt;
 &lt;button type="button" class="cpdf-btn" id="apdf-pad-clear"&gt;Limpar desenho&lt;/button&gt;
 &lt;/div&gt;
 &lt;/div&gt;

 &lt;div data-apdf-panel="upload" hidden&gt;
 &lt;p class="cpdf-hint" style="margin:0 0 10px"&gt;PNG transparente funciona melhor. JPG e WebP também são aceitos.&lt;/p&gt;</description></item><item><title>Testar Alto-Falante Online Grátis - Som no Navegador</title><link>https://788343ef.dica-hugo.pages.dev/testar-alto-falante-online/</link><pubDate>Sun, 19 Jul 2026 16:20:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/testar-alto-falante-online/</guid><description>&lt;p class="itool-intro"&gt;&lt;strong&gt;Testar alto-falante online&lt;/strong&gt;: 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.&lt;/p&gt;

&lt;div id="btest-app" class="btest-app" data-test="speaker" data-nosnippet&gt;
 &lt;div class="btest-toolbar"&gt;
 &lt;button type="button" class="itool-btn itool-btn-primary" id="btest-btn-start"&gt;Tocar tom&lt;/button&gt;
 &lt;button type="button" class="itool-btn" id="btest-btn-stop" disabled&gt;Parar&lt;/button&gt;
 &lt;/div&gt;
 &lt;div class="btest-body"&gt;
 &lt;div class="btest-main"&gt;
 &lt;div class="btest-card" style="margin:0"&gt;
 &lt;div class="btest-card-label"&gt;Controles&lt;/div&gt;
 &lt;div class="btest-fields"&gt;
 &lt;div class="btest-field"&gt;
 &lt;label class="btest-label" for="btest-freq"&gt;Frequência (&lt;span id="btest-freq-val"&gt;440 Hz&lt;/span&gt;)&lt;/label&gt;
 &lt;input type="range" id="btest-freq" min="120" max="2000" step="10" value="440"&gt;
 &lt;/div&gt;
 &lt;div class="btest-field"&gt;
 &lt;label class="btest-label" for="btest-vol"&gt;Volume (&lt;span id="btest-vol-val"&gt;15%&lt;/span&gt;)&lt;/label&gt;
 &lt;input type="range" id="btest-vol" min="0.02" max="0.35" step="0.01" value="0.15"&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;p class="btest-hint"&gt;Comece com volume baixo e suba aos poucos. 440&amp;nbsp;Hz é o “lá” de referência.&lt;/p&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;aside class="btest-side"&gt;
 &lt;div class="btest-card"&gt;
 &lt;div class="btest-card-label"&gt;Status&lt;/div&gt;
 &lt;div class="btest-status" id="btest-status"&gt;Clique em Iniciar para começar o teste.&lt;/div&gt;
 &lt;/div&gt;
 &lt;p class="btest-hint"&gt;&lt;a href="https://788343ef.dica-hugo.pages.dev/testar-microfone-online/"&gt;Microfone&lt;/a&gt; · &lt;a href="https://788343ef.dica-hugo.pages.dev/testar-webcam-online/"&gt;Webcam&lt;/a&gt; · &lt;a href="https://788343ef.dica-hugo.pages.dev/ferramentas-diagnostico-navegador/"&gt;Hub&lt;/a&gt;&lt;/p&gt;
 &lt;/aside&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;p data-tools-related-slot&gt;TOOLS_RELATED_SLOT&lt;/p&gt;

&lt;h2&gt;Dicas&lt;/h2&gt;
&lt;ul&gt;
 &lt;li&gt;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.&lt;/li&gt;
 &lt;li&gt;Alguns navegadores só tocam áudio após um clique - use o botão &lt;strong&gt;Tocar tom&lt;/strong&gt;.&lt;/li&gt;
 &lt;li&gt;Volume do teste é limitado de propósito para não estourar o fone.&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="itool-faq"&gt;
 &lt;details open&gt;&lt;summary&gt;Isso testa canal esquerdo/direito?&lt;/summary&gt;&lt;p&gt;Este tom é mono no centro. Serve para saber se há saída de áudio. Testes de balanceamento estéreo podem vir depois.&lt;/p&gt;</description></item><item><title>Testar Microfone Online Grátis - Medidor de Áudio no Navegador</title><link>https://788343ef.dica-hugo.pages.dev/testar-microfone-online/</link><pubDate>Sun, 19 Jul 2026 09:50:00 +0000</pubDate><guid>https://788343ef.dica-hugo.pages.dev/testar-microfone-online/</guid><description>&lt;p class="itool-intro"&gt;&lt;strong&gt;Testar microfone online&lt;/strong&gt;: 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.&lt;/p&gt;

&lt;div id="btest-app" class="btest-app" data-test="mic" data-nosnippet&gt;
 &lt;div class="btest-toolbar"&gt;
 &lt;button type="button" class="itool-btn itool-btn-primary" id="btest-btn-start"&gt;Iniciar microfone&lt;/button&gt;
 &lt;button type="button" class="itool-btn" id="btest-btn-stop" disabled&gt;Parar&lt;/button&gt;
 &lt;/div&gt;
 &lt;div class="btest-body"&gt;
 &lt;div class="btest-main"&gt;
 &lt;div class="btest-card" style="margin:0"&gt;
 &lt;div class="btest-card-label"&gt;Nível do microfone&lt;/div&gt;
 &lt;div class="btest-meter" aria-hidden="true"&gt;&lt;div class="btest-meter-fill" id="btest-meter-fill"&gt;&lt;/div&gt;&lt;/div&gt;
 &lt;p class="btest-hint" style="margin-top:8px"&gt;Nível: &lt;strong id="btest-level"&gt;0%&lt;/strong&gt; · Fale perto do mic&lt;/p&gt;
 &lt;p class="btest-hint" id="btest-meta"&gt;&lt;/p&gt;
 &lt;/div&gt;
 &lt;/div&gt;
 &lt;aside class="btest-side"&gt;
 &lt;div class="btest-card"&gt;
 &lt;div class="btest-card-label"&gt;Status&lt;/div&gt;
 &lt;div class="btest-status" id="btest-status"&gt;Clique em Iniciar para começar o teste.&lt;/div&gt;
 &lt;/div&gt;
 &lt;p class="btest-hint"&gt;Depois: &lt;a href="https://788343ef.dica-hugo.pages.dev/testar-alto-falante-online/"&gt;alto-falante&lt;/a&gt; · &lt;a href="https://788343ef.dica-hugo.pages.dev/testar-webcam-online/"&gt;webcam&lt;/a&gt; · &lt;a href="https://788343ef.dica-hugo.pages.dev/ferramentas-diagnostico-navegador/"&gt;hub de testes&lt;/a&gt;.&lt;/p&gt;
 &lt;/aside&gt;
 &lt;/div&gt;
&lt;/div&gt;

&lt;p data-tools-related-slot&gt;TOOLS_RELATED_SLOT&lt;/p&gt;

&lt;h2&gt;Como usar&lt;/h2&gt;
&lt;ol&gt;
 &lt;li&gt;Clique em &lt;strong&gt;Iniciar microfone&lt;/strong&gt; e permita o acesso.&lt;/li&gt;
 &lt;li&gt;Fale, estale os dedos ou tosse perto do mic - a barra deve subir.&lt;/li&gt;
 &lt;li&gt;Se ficar no zero, troque o dispositivo de entrada nas configurações do sistema/navegador.&lt;/li&gt;
&lt;/ol&gt;

&lt;div class="itool-faq"&gt;
 &lt;details open&gt;&lt;summary&gt;O som é gravado?&lt;/summary&gt;&lt;p&gt;Não. Só medimos o volume em tempo real. Nada é salvo nem enviado.&lt;/p&gt;</description></item></channel></rss>