Un borde hace más de lo que parece. Separa la imagen de lo que la rodea, lo que importa cuando una fotografía de bordes oscuros se coloca sobre una página oscura y sencillamente se disuelve en ella. Da a un conjunto de imágenes una presentación coherente, de modo que una cuadrícula de fotos de producto parezca deliberada y no improvisada. Y un borde blanco generoso es el recurso de presentación más antiguo que existe: es lo que hace un paspartú de galería, y hace que una imagen se lea como un objeto pensado.
El borde se añade ampliando el lienzo y no recortando, así que no se pierde nada de tu imagen. Un borde de 16 píxeles en una foto de 1000 × 800 produce un archivo de 1032 × 832 con el original intacto en el centro.
El borde se dibuja localmente en tu navegador. Las imágenes no se suben para enmarcarlas.
| Ancho de la imagen | Borde sugerido | Efecto |
|---|---|---|
| Menos de 600 px | 8 px | Un borde limpio sin comerse el encuadre |
| 800-1200 px | 16 px | Claramente visible pero contenido |
| 1500-2500 px | 32 px | Proporcionalmente parecido a 16 px en un archivo menor |
| Más de 3000 px | 64 px | El único grosor que se lee como borde a esta escala |
El grosor del borde es absoluto y no proporcional, así que el mismo ajuste se ve completamente distinto en una miniatura y en una fotografía a resolución completa. Si aplicas un mismo aspecto a un conjunto de imágenes de tamaños distintos, llévalas primero a un ancho común y añade después el borde.
El blanco es el valor por defecto por algo: imita un paspartú de galería, separa la imagen de casi cualquier fondo y nunca compite con el contenido. El negro enmarca bien las imágenes luminosas y da a las fotografías un peso cinematográfico, aunque desaparece sobre una página oscura.
Un color corporativo une un conjunto de imágenes y merece la pena en cuadrículas de producto y publicaciones sociales, pero mantén el grosor moderado: una banda ancha de color saturado desvía la mirada de la imagen que se supone que está presentando.
No. El lienzo se amplía y el borde se dibuja por fuera, así que la imagen original se conserva íntegra en el centro. Las dimensiones de salida crecen el doble del grosor del borde.
Las opciones son 8, 16, 32 y 64 píxeles. Para otro grosor, aplica el borde dos veces: 32 y luego 32 da 64, y mezclar colores produce un doble marco.
Sí. El selector admite cualquier valor, así que los colores corporativos y los tonos personalizados funcionan todos.
Solo si tienen el mismo tamaño. El grosor va en píxeles absolutos, así que 16 px destaca en una imagen de 600 px y casi no se ve en una de 4000 px. Lleva todo a un ancho común primero para un conjunto coherente.
La salida PNG mantiene su canal alfa, y el propio borde se dibuja en color sólido. Ten en cuenta que el borde rodea el contenido visible en lugar de situarse detrás de un área transparente.
No. El lienzo se amplía y se pinta en tu navegador.