{"id":135,"date":"2022-12-04T06:15:03","date_gmt":"2022-12-04T06:15:03","guid":{"rendered":"https:\/\/quiz.seeksolution.in\/help\/?p=135"},"modified":"2022-12-07T09:46:08","modified_gmt":"2022-12-07T09:46:08","slug":"making-an-online-quiz-with-pictures","status":"publish","type":"post","link":"https:\/\/quiz.seeksolution.in\/help\/?p=135","title":{"rendered":"Making an online quiz with pictures"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"135\" class=\"elementor elementor-135\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-670465ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"670465ec\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a3996b7\" data-id=\"5a3996b7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85e8ef9 elementor-widget elementor-widget-heading\" data-id=\"85e8ef9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\"><h1 style=\"margin: 20px 0px 10px; font-size: 36px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); white-space: normal;\">Making an online quiz with pictures<\/h1><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b2c13a8 elementor-widget elementor-widget-text-editor\" data-id=\"7b2c13a8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.11.5 - 14-03-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:paragraph -->\n<p>With FlexiQuiz, it&#8217;s easy to add pictures to your online quiz. Just select an image, choose where you would like to position it and how you would like to add the picture. Images look great for your quiz-takers on any device.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>There are several ways a quiz maker can add images to an online test with FlexiQuiz:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/configure\/adding-a-background-image\">Background images<\/a><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Embedding an image in a choice of pages<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Uploading an image<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/create-a-picture-choice-quiz-question\">Picture choice<\/a>: A multiple-choice quiz using pictures as answer options<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>This guide shows you how to upload and position an image within your quiz.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>A step by step guide on how to add an image to your online test<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol><!-- wp:list-item -->\n<li>Login to your&nbsp;<a href=\"https:\/\/www.flexiquiz.com\/\">FlexiQuiz<\/a>&nbsp;account<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>From your main dashboard you can either select a quiz or press the&nbsp;<strong>Create Quiz<\/strong>&nbsp;button<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>When pressing the&nbsp;<strong>Add Item<\/strong>&nbsp;button you can select where you&#8217;d like to add your image, such as:<ul><li><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/welcome-screen\">Welcome screen<\/a><\/li><li>Question text<\/li><li>Text\/ media pages<\/li><li>Feedback pages<\/li><li>Thank you screen<\/li><\/ul>In this example, I&#8217;m going to add an image to a question.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Press&nbsp;<strong>Add item<\/strong>&nbsp;and select the&nbsp;<strong>Question<\/strong>&nbsp;option from the drop-down menu.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Choose your&nbsp;<strong>Question Type<\/strong>&nbsp;from the drop-down list of options. You can add a picture to any question type.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Click on the&nbsp;<strong>Question<\/strong>&nbsp;box.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>There are two ways that you can add an image.<ul><li><strong>Embedding an image file within the page<\/strong>&nbsp;&#8211; this is recommended for the best quiz maker experience.<\/li><li><strong>Uploading your image<\/strong><\/li><\/ul>In this example, I will upload an image to the quiz.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>From the menu header, press on the landscape icon<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/71a18241-9781-414c-b0d5-93b9e51b500e_651a502e-d104-4cf8-bf98-873e07207544\" alt=\"Landscape icon on quiz question page\"><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Press&nbsp;<strong>Choose Image<\/strong>&nbsp;and select the picture that you would like to upload.<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/71a18241-9781-414c-b0d5-93b9e51b500e_9eac3c28-3aed-4005-b66a-e3faf3346f8a\" alt=\"Choose image button to upload picture to online quiz\">The image should be:Format: jpg, jpeg, bmp, gif, pngMaximum file size: 2MBMaximum dimensions: 600 PX wide<strong>Important!<\/strong>&nbsp;You cannot crop images in our tool. If you want to make changes, you will need to edit the image in another tool and upload it again.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Once the image has uploaded, it will show in the display box. You will need to press&nbsp;<strong>Save<\/strong>&nbsp;when you&#8217;re ready for the image to be added to your online test.<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/71a18241-9781-414c-b0d5-93b9e51b500e_38a832f9-f2e6-42b8-a0fe-7e9d312e6d26\" alt=\"quiz image in display box\"><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>You can set the images position on the left, middle or right hand side of the page. Just select a relevant place from the menu header.<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/71a18241-9781-414c-b0d5-93b9e51b500e_aaa27076-962b-4e7c-bca1-5756626a1a8c\" alt=\"where to position an image on your quiz\"><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>To size, the image, click on the picture and drag the corners.&nbsp;<strong>Important!<\/strong>&nbsp;Chrome and Firefox browsers work best for resizing an image.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>When you&#8217;re happy with the image, finishing writing, formatting, and adding answer options to your quiz questions.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Press&nbsp;<strong>Save<\/strong>&nbsp;to add the question to your test<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>You can view what the image will look like in the test by pressing&nbsp;<strong>Preview<\/strong>&nbsp;on the top right corner.<img decoding=\"async\" src=\"https:\/\/www.flexiquiz.com\/Uploads\/Guides\/71a18241-9781-414c-b0d5-93b9e51b500e_95bdabe2-339d-419c-ad7c-9bac54ca872a\" alt=\"how the image can look in a quiz\"><\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:heading -->\n<h2>Top tips to optimize the experience for quiz takers<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>If test takers have a slow internet connection, the pictures may not download quickly. We would recommend the following tips to maximize the quiz taker&#8217;s experience.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li>Condense the image file size &#8211; there are many great tools, including&nbsp;<a href=\"https:\/\/tinypng.com\/\">tiny png<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/compressjpeg.com\/\">compress jpeg.<\/a><\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Make sure the dimensions of the file are minimized.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Avoid using lots of features such as time limit per page, background images, and the progress bar.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>No more than two images per page.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>No more than ten pictures per quiz created.<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p><strong>Top Tip!<\/strong>&nbsp;Check how your images in the quiz will look on all devices before sharing with test-takers.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Relevant Help Guides<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/embed-your-video-in-a-quiz\">Embedding a video in your quiz<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/creating-an-online-quiz-with-audio-files\">How to play audio in your online tests<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/Help\/create\/page-types\">FlexiQuiz page types where you can add a video<\/a><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href=\"https:\/\/www.flexiquiz.com\/SC\/N\/add-logos\">Adding logos<\/a><\/p>\n<!-- \/wp:paragraph -->\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-047afc8 elementor-widget elementor-widget-button\" data-id=\"047afc8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/quiz.seeksolution.in\/help\/\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Back<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Making an online quiz with pictures With FlexiQuiz, it&#8217;s easy to add pictures to your online quiz. Just select an image, choose where you would like to position it and how you would like to add the picture. Images look great for your quiz-takers on any device. There are several ways a quiz maker can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/135"}],"collection":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":4,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quiz.seeksolution.in\/help\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}