03 / GUÍAS
Guías de herramientas
Patrones de operación prácticos para transformaciones, trabajo con imágenes y flujos de navegador conscientes de la privacidad.
Imágenes de código para documentos y diapositivas
Elige PNG o SVG, revisa fuentes y escala y conserva la legibilidad del código.
Imágenes de código para documentos y diapositivasEjemplos de CSS clip-path en diseños reales
Usa preajustes o edita entre 3 y 32 puntos para avatares, imágenes direccionales y tarjetas inclinadas; compara el CSS completo con la declaración clip-path.
Ejemplos de CSS clip-path en diseños realesTransforma código con seguridad
Formatea primero al revisar código desconocido; minimiza solo la versión destinada a entregarse.
- Preserva el fuenteConserva una copia original antes de transformar el código fuente.
- Revisa la semánticaConsidera la salida del formateador un cambio de legibilidad, no una validación semántica.
- Verifica los artefactosUsa la verificación por hash para comparar artefactos; un hash no descifra el material original.
Prepara las imágenes con intención
Elige dimensiones, recorte y formato de salida según las restricciones del destino, no por costumbre.
- Empieza con calidadRedimensiona una sola vez desde la fuente de mayor calidad disponible.
- Comprueba la transparenciaInspecciona la transparencia antes de convertir recursos SVG o PNG.
- Exporta explícitamenteDescarga el archivo generado antes de cerrar la pestaña; los espacios locales no guardan una copia en la nube.
Protege el material sensible
La etiqueta de procesamiento forma parte del contrato de la herramienta y conviene comprobarla antes de introducir datos.
- Procesa localmenteLos entornos locales procesan la entrada en la pestaña activa del navegador.
- Describe, no peguesLos formularios de comentarios solo aceptan descripciones y excluyen explícitamente el contenido del espacio de trabajo.
- Limpia dispositivos compartidosLimpia el espacio de trabajo y los archivos descargados al usar un ordenador compartido.
Local vs nube: adónde van los archivos
La guía de arquitectura compara ambos diseños de procesamiento, muestra cómo verificar una afirmación de procesamiento local con tu propio navegador y enumera los documentos que nunca deberían subirse.
Leer la guía de arquitecturaDiez tareas PDF, cero subidas
Combina, divide, gira, organiza, pone marcas de agua, comprime, convierte y limpia archivos PDF dentro de la pestaña del navegador; cada tarea enlaza directamente con su espacio de trabajo.
Abrir la guía de tareasRevisa las fotos antes de compartirlas
Las coordenadas de ubicación, el número de serie del dispositivo y el segundo exacto en que se tomó la foto pueden viajar dentro del archivo; esta guía muestra cómo leer esa capa oculta y eliminarla localmente antes de compartir.
Leer la lista de verificaciónRedimensiona imágenes según la especificación
Recorta primero, redimensiona una vez y convierte al formato que el destino acepta; esta guía convierte un presupuesto de dimensiones o bytes en un flujo local ordenado.
Leer la guía de preparación de imágenesRevisa JSON con confianza
Impresión legible, inspección en árbol y diffs deterministas: cómo leer un payload desconocido antes de aprobarlo y los límites exactos de los entornos locales.
Leer la rutina de revisiónHaz caber un PDF bajo el límite
Los topes de correo y portales no perdonan; esta guía mide primero, sopesa la limpieza de estructura frente a la compresión raster fuerte y fija expectativas honestas por tipo de contenido.
Leer el plan de límite de tamañoLee Base64 con soltura
Qué es Base64, cómo calcular el aumento de tamaño, cuándo lo justifican las URL de datos y el correo, por qué no aporta seguridad y cómo depurar cadenas malformadas.
Leer la guía de codificaciónElige una notación de color
HEX, RGB y HSL describen colores sRGB; esta guía trata el alfa, cuándo ayuda HSL, CSS Color 4 y el muestreo de colores de imágenes mediante Canvas.
Leer la guía de colorPrueba regex sin bloqueos
Un bucle escribir-probar-refactorizar con muestras realistas, higiene contra el backtracking catastrófico, disciplina de anclas y semántica de flags, dentro de un worker con tiempo límite para que los patrones desbocados no congelen la pestaña.
Leer el flujo de regexElige el formato de imagen a propósito
PNG, JPEG, WebP y AVIF comparados por tipo de contenido, transparencia, soporte real, coste de recodificación y ahorro de bytes medido—para que la elección sea una decisión, no una costumbre.
Leer la guía de formatosEscribe cron sin sorpresas
Los cinco campos y sus rangos, la trampa OR entre día del mes y día de la semana, el domingo como 0 o 7 y los casos límite del horario de verano—validados con las próximas diez ejecuciones calculadas antes del despliegue.
Leer la guía de cronImprime códigos QR que se escanean
Tamaño físico según la distancia de escaneo, la zona de silencio de cuatro módulos, niveles de corrección de errores y logotipos, contraste obligatorio y pruebas impresas antes de la tirada.
Leer la guía de impresiónPublica Markdown como HTML limpio
Qué convierte el subconjunto admitido y qué se aplana, cómo la desinfección y la lista de esquemas de enlaces mantienen segura la salida, qué pierde el viaje de vuelta a Markdown y dónde encaja la conversión en un flujo de documentación o blog.
Leer el flujo de publicaciónVerifica descargas con sumas de comprobación
Integridad frente a autenticidad, por qué MD5 y SHA-1 hoy son solo para integridad, una verificación de instalador de un minuto y cómo calcular hashes de texto sensible sin subirlo.
Leer la guía de sumas de comprobaciónElige entre UUID y ULID
v4 aleatorio frente a v7 ordenado por tiempo, la estructura base32 ordenable de ULID, qué hacen las claves aleatorias a un índice B-tree, la matemática de colisiones y la generación local por lotes.
Leer la guía de identificadoresVerifica tú mismo el «no sube archivos»
La comprobación en el panel de red de DevTools, la técnica del canary string y las salvedades de caché y service workers — además del harness de evidencia abierto que cualquiera puede reejecutar contra el sitio en vivo, con un recibo recapturado periódicamente.
Leer la guía de verificaciónPractica con un ejemplo pequeño
Compara entrada, ajustes y resultado antes de procesar tus propios archivos.
Extrae un anexo sin enviar todo el documento
Ensaya con un PDF sintético de ocho páginas numeradas. El destinatario necesita la portada, tres páginas de apoyo y la última. La extracción crea otro archivo y no borra páginas del original.
Recorta un avatar cuadrado con coordenadas repetibles
Usa una imagen de prueba de 600 × 400 sin datos sensibles. Recortar elimina bordes; redimensionar escala píxeles. No estires el rostro para conseguir un cuadrado.
Lee una respuesta API sin redondear identificadores
Usa una respuesta ficticia para distinguir números, cadenas y matrices. Un ID grande debe conservar sus dígitos. Validar la estructura JSON no valida las reglas del negocio.
Crea una conversación claramente ficticia para un guion
Inventa dos personajes que revisan un diseño. Usa nombres ficticios y texto corriente, no conversaciones privadas reales. Es un recurso visual, no una prueba de hechos.
Encaja una imagen horizontal en un límite cuadrado
Un portal permite hasta 300 píxeles por lado sin exigir un recorte cuadrado. Ensaya con 600 × 400 y conserva el encuadre completo.
Elige WebP transparente o JPEG con fondo
Prueba con un logo PNG pequeño de bordes transparentes. Considera el formato del destinatario, el fondo y el color, además del tamaño del archivo.
Evalúa la compresión sin prometer un tamaño
Prueba por separado un PDF escaneado y uno de texto sin datos sensibles. No tienen por qué reducirse igual. Guarda los originales: el resultado debe seguir siendo útil.
Inspecciona una foto antes de publicarla
La ubicación puede estar en metadatos compatibles además de verse en la imagen. Ensaya con una foto propia antes de entregarla a otro servicio.
Lee el destino QR antes de visitarlo
Genera un QR de prueba con https://example.com y lee su imagen. Decodificar extrae texto, pero no prueba la confianza de un sitio o una solicitud de pago.
Convierte subtítulos y retrásalos medio segundo
Prueba una sola entrada de texto para comprobar signo y unidad. Un desplazamiento positivo retrasa; uno negativo adelanta. No se escucha el vídeo ni se calcula la sincronización automáticamente.
Cumple por separado límites de dimensiones y bytes
Supón un portal con caja de 300 × 300 y máximo de 200000 bytes. Ensaya con una imagen sintética de 600 × 400. Decide dimensiones, bytes, formato y márgenes por separado.
Prepara una entrega PDF conservando la fuente
Ensaya con un documento sintético y anota páginas, orden, formato y límite de bytes. El navegador prepara el archivo, pero no aprueba solicitudes ni certifica requisitos institucionales.
Elimina metadatos compatibles y revisa lo que queda
Antes de compartir con un colaborador, ensaya con una imagen o PDF cuyos metadatos conozcas. Así distingues la ausencia de hallazgos de una limitación del analizador.
Pon el flujo en práctica.
Empieza con un visor local y determinista que analiza y valida antes de renderizar.