Portada y logo
Una banda de imagen o color a lo ancho de la parte superior del formulario, y una marca redonda debajo. Dos decisiones, y el formulario deja de parecer uno por defecto.
Añadirlos
Añadir portada y Añadir logo están sobre el título del formulario en el editor, atenuados hasta que se acerca a ellos. Ninguno abre un diálogo: al pulsar uno aparece al instante un marcador de posición (una banda plana para la portada, un disco oscuro para el logo), así que la maquetación se asienta antes de que haya elegido nada.
Ambos marcadores se mezclan a partir del propio tema del formulario, así que pertenecen a la página desde el primer fotograma. Haga clic en el control Cambiar portada, o en el propio disco del logo, para abrir el selector.
Los dos llegan al formulario público y a una copia insertada de él. Lo que hay en el lienzo del editor es lo que ve quien responde.
El selector
El selector de portada se abre con tres pestañas. El del logo solo ofrece la primera, porque un logo es un archivo suyo y no algo que haya que buscar.
Arrastre un archivo al panel o búsquelo. Cualquier formato de imagen que su navegador pueda leer, hasta 10 MB, con una barra de progreso mientras sube.
Busque en Unsplash sin salir del editor. La pestaña se abre con una selección popular y repite la búsqueda poco después de que deje de escribir.
Ocho muestras mezcladas a partir del tema de su formulario: dos intensidades del acento, dos neutros y cuatro primos con el matiz desplazado. En un tema oscuro salen como tonos profundos en lugar de pasteles.
Eliminar, en la cabecera del selector, quita la portada o el logo que ya tenga y cierra el panel.
Recolocar la portada
La banda de portada es un recorte de 220 píxeles de alto de una imagen mucho mayor, y la parte que merece verse rara vez está justo en el centro. Recolocar aparece junto a Cambiar portada en cuanto hay una portada de foto; púlselo y arrastre la imagen hacia arriba o hacia abajo.
El arrastre está amortiguado: arrastrar toda la altura de la banda mueve el encuadre alrededor de un tercio, así que el recorte queda donde usted quería y no donde se paró su mano.
Guardar posición vuelve a cortar la imagen con el nuevo encuadre y lo guarda; Cancelar devuelve el recorte anterior. Recolocar solo se ofrece mientras el original a tamaño completo está disponible, algo que Fillio recupera discretamente en segundo plano al reabrir un formulario.
Qué pasa con su archivo
Todo ocurre en su propio navegador antes de que se suba nada. Nada se envía a tamaño completo y no interviene ninguna conversión en el servidor.
La imagen se reduce a 2.400 px como mucho en su lado más largo y se vuelve a codificar. Si el resultado sale más grande que el archivo de partida, su archivo se conserva exactamente como estaba.
Ese original reducido se guarda junto a la portada. Es la copia de la que se corta cada recolocación posterior.
La banda en sí se escribe a 1920 × 440, el doble de los 220 píxeles de altura de visualización, para que se mantenga nítida en una pantalla retina.
Un logo se escala a 400 × 400 como mucho y se muestra como un disco de 100 píxeles.
Los archivos PNG se redimensionan pero no se vuelven a codificar, así que la transparencia sobrevive. Los GIF y los SVG se dejan totalmente intactos. Todo lo demás se escribe como JPEG.
Una pregunta oculta se omite al validar la página, así que una pregunta obligatoria que una regla haya ocultado nunca puede bloquear un envío.