Couverture et logo
Un bandeau d'image ou de couleur en haut du formulaire, et une pastille ronde en dessous. Deux décisions, et le formulaire cesse d'avoir l'air d'un réglage par défaut.
Les ajouter
Ajouter une couverture et Ajouter un logo se trouvent au-dessus du titre du formulaire dans l'éditeur, estompés tant que vous ne vous en approchez pas. Ni l'un ni l'autre n'ouvre de boîte de dialogue : appuyer dessus dépose immédiatement un espace réservé (un bandeau uni pour la couverture, un disque sombre pour le logo) pour que la mise en page se stabilise avant que vous ayez choisi quoi que ce soit.
Les deux espaces réservés sont mélangés à partir du thème du formulaire : ils appartiennent donc à la page dès la première image. Cliquez sur le contrôle Changer la couverture, ou sur le disque du logo lui-même, pour ouvrir le sélecteur.
Les deux se retrouvent sur le formulaire public et sur sa copie intégrée. Ce qui est sur le canevas de l'éditeur est ce que voit un répondant.
Le sélecteur
Le sélecteur de couverture s'ouvre sur trois onglets. Celui du logo n'en propose que le premier, parce qu'un logo est votre propre fichier plutôt que quelque chose à trouver.
Faites glisser un fichier sur le panneau ou parcourez vos dossiers. Tout format d'image que votre navigateur sait lire, jusqu'à 10 Mo, avec une barre de progression pendant l'envoi.
Cherchez sur Unsplash sans quitter l'éditeur. L'onglet s'ouvre sur une sélection populaire et relance la recherche peu après que vous arrêtez de taper.
Huit échantillons mélangés à partir du thème de votre formulaire : deux intensités de l'accent, deux neutres et quatre cousines décalées en teinte. Sur un thème sombre, elles reviennent en tons profonds plutôt qu'en pastels.
Supprimer, dans l'en-tête du sélecteur, retire la couverture ou le logo que vous avez déjà et referme le panneau.
Repositionner la couverture
Le bandeau de couverture est un recadrage de 220 pixels de haut pris dans une image bien plus grande, et la partie qui mérite d'être montrée est rarement en plein centre. Repositionner apparaît à côté de Changer la couverture dès qu'une couverture photo est en place ; appuyez dessus et faites glisser l'image vers le haut ou vers le bas.
Le glissement est amorti : parcourir toute la hauteur du bandeau ne déplace le cadre que d'environ un tiers, pour que le recadrage se pose là où vous le vouliez plutôt que là où votre main s'est arrêtée.
Enregistrer la position redécoupe l'image au nouveau cadre et la stocke ; Annuler remet le recadrage précédent. Le repositionnement n'est proposé que tant que l'original en pleine taille est disponible, ce que Fillio récupère discrètement en arrière-plan quand vous rouvrez un formulaire.
Ce qui arrive à votre fichier
Tout se passe dans votre propre navigateur avant le moindre envoi. Rien n'est transmis en pleine taille et aucune conversion côté serveur n'intervient.
L'image est réduite à 2 400 px au maximum sur son plus grand côté puis ré-encodée. Si le résultat s'avère plus lourd que le fichier de départ, votre fichier est conservé exactement tel quel.
Cet original réduit est stocké à côté de la couverture. C'est la copie dans laquelle chaque repositionnement ultérieur est découpé.
Le bandeau lui-même est écrit en 1920 × 440, le double des 220 pixels d'affichage, pour rester net sur un écran retina.
Un logo est réduit à 400 × 400 au maximum et affiché en disque de 100 pixels.
Les fichiers PNG sont redimensionnés mais pas ré-encodés : la transparence survit donc. Les GIF et les SVG sont laissés totalement intacts. Tout le reste est écrit en JPEG.
Une question masquée est ignorée lors de la validation de la page : une question obligatoire qu'une règle a masquée ne peut donc jamais bloquer un envoi.