Sube una imagen en el formulario para que se cargue automáticamente en el lugar que desees en el documento.
La diferencia entre las etiquetas simples y las etiquetas de imagen radica en que las etiquetas utilizadas para insertar imágenes en el documento deben llevar siempre el símbolo de “%” antes de la palabra.
Por ejemplo, si la palabra empleada en la etiqueta del campo es “logotipo”, la etiqueta quedaría de la siguiente forma en la plantilla:
{%logotipo}
Gracias a esta composición, el software identifica este campo como una imagen y genera un espacio en el documento para ella.
Cómo indicar las dimensiones máximas de la imagen
Al trabajar con imágenes, es común que necesitemos limitar su tamaño máximo para mejorar la apariencia del documento. Para lograr esto, agregaremos ciertos datos a la etiqueta de imagen:
{%logotipo | maxSize:ancho:alto}
- “ancho” será el ancho máximo de la imagen.
- “alto” será la altura máxima de la imagen.
Para indicar el ancho y alto máximos, podemos partir de centímetros, pero deberemos indicarlo en puntos. Puedes calcular los puntos a los que equivalen unos determinados centímetros con la siguiente fórmula:
medida en cm * 37.8 = puntos indicados en la etiqueta
¿Quieres saber de dónde procede la fórmula utilizada?
Esta fórmula tiene en cuenta que la medida en pulgadas multiplicada por los puntos por pulgada (dpi) es igual a la medida en puntos:
medida en pulgadas * 96 dpi = medida en puntos
Los puntos por pulgada (dpi) se utilizan en impresión y se refieren a la cantidad de puntos de tinta que se imprimen en una pulgada de papel. Es una medida de la resolución de impresión y afecta la calidad y la claridad de la imagen impresa. Por defecto, la plataforma escala las imágenes a 96 dpi.
Dado que podemos calcular los puntos partiendo de pulgadas y que cada centímetro equivale a 0,393701 pulgadas, si multiplicamos 0,393701 por 96 obtenemos el número por el que debemos multiplicar los cm para saber los puntos que hay que indicar en la etiqueta. Este número es 37.8.
Por ejemplo, aplicando la fórmula, 3 cm de ancho serían 113.4 puntos y 2 cm de alto serían 75.6 puntos.
Deberemos colocarlos en la etiqueta de la siguiente forma, añadiendo primero el ancho máximo y luego la altura máxima, y separando los decimales por puntos (.) y no comas (,):
{%logotipo | maxSize:113.4:75.6}
Ten en cuenta que esto son medidas máximas, por lo que si la imagen mide menos de 3 cm de ancho, su ancho no será modificado. En cambio, si mide 5 cm de ancho, pasará a medir 3 cm. Lo mismo sucederá con su altura.
En cualquier caso, la medida del lado más corto se ajustará proporcionalmente a la del lado más largo para evitar que la imagen se deforme.
Ejemplo subiendo la imagen de un logotipo que medía originalmente 5 cm de ancho:
Como referencia, recuerda que un documento DIN A4 mide 21 x 29,7 cm.
Recomendación para prevenir errores relacionados con el tamaño total:
Te recomendamos no subir imágenes que pesen más de lo necesario para evitar que el documento se vuelva demasiado pesado. Emplear imágenes de un peso adecuado contribuirá a una experiencia más fluida y eficiente en el uso de la plataforma.
Para ver como se construyen este tipo de campos, accede a este enlace ⇢