Обкладинка та логотип
Смуга зображення чи кольору вгорі форми й круглий знак під нею. Два рішення, і форма перестає виглядати стандартною.
Як їх додати
«Додати обкладинку» й «Додати логотип» стоять над заголовком форми в редакторі, приглушені, доки ви не наблизитеся. Жодне не відкриває діалог: натискання одразу вставляє заповнювач (рівну смугу для обкладинки й темний диск для логотипа), тож макет стає на місце ще до того, як ви щось обрали.
Обидва заповнювачі змішані з власної теми форми, тож вони належать сторінці з першого кадру. Клацніть «Змінити обкладинку» на обкладинці або сам диск логотипа, щоб відкрити панель вибору.
Обидва переходять і в публічну форму, і у вбудовану її копію. Що стоїть на полотні редактора, те й бачить респондент.
Панель вибору
Вибір обкладинки відкривається на трьох вкладках. Вибір логотипа пропонує лише першу, бо логотипом стає ваш власний файл, а не те, що треба знайти.
Перетягніть файл на панель або виберіть його на пристрої. Будь-який формат зображення, який читає ваш браузер, до 10 МБ, зі смужкою прогресу під час завантаження.
Шукайте в Unsplash, не виходячи з редактора. Вкладка відкривається на популярній добірці й повторює пошук невдовзі після того, як ви перестанете набирати.
Вісім зразків, змішаних із теми вашої форми: дві сили акценту, два нейтральні й чотири зі зміщеним відтінком. На темній темі вони повертаються глибокими тонами, а не пастельними.
«Видалити» в шапці панелі прибирає наявну обкладинку чи логотип і закриває панель.
Як пересунути обкладинку
Смуга обкладинки показує кадр заввишки 220 пікселів, вирізаний зі значно більшої картинки, і варта показу частина рідко лежить точно по центру. «Пересунути» з’являється поруч зі «Змінити обкладинку», щойно на місці стоїть фотообкладинка; натисніть її й тягніть зображення вгору або вниз.
Перетягування сповільнене: протягнувши на всю висоту смуги, ви зсунете кадр приблизно на третину, тож кадр стає туди, куди ви хотіли, а не туди, де зупинилася рука.
«Зберегти позицію» перерізає зображення по новому кадру й зберігає його; «Скасувати» повертає попередній кадр. Пересування пропонується лише поки доступний повнорозмірний оригінал, який Fillio тихо підвантажує у фоні, коли ви знову відкриваєте форму.
Що відбувається з вашим файлом
Усе відбувається у вашому браузері ще до будь-якого завантаження. Нічого не надсилається у повному розмірі, і жодного перетворення на сервері не відбувається.
Картинка зменшується щонайбільше до 2 400 px по довшій стороні й перекодовується. Якщо результат виходить більшим за вихідний файл, ваш файл лишається рівно таким, яким був.
Цей зменшений оригінал зберігається поряд з обкладинкою. Саме з нього вирізається кожне наступне пересування.
Сама смуга записується у розмірі 1920 × 440, удвічі більше за 220 пікселів показу, щоб вона лишалася чіткою на retina-екрані.
Логотип масштабується щонайбільше до 400 × 400 і показується як диск завширшки 100 пікселів.
PNG-файли змінюють розмір, але не перекодовуються, тож прозорість зберігається. GIF і SVG не чіпають узагалі. Усе інше записується як JPEG.
Приховане запитання пропускається під час перевірки сторінки, тож обов’язкове запитання, яке приховало правило, ніколи не заблокує надсилання.