{"id":125,"date":"2026-02-13T23:56:42","date_gmt":"2026-02-13T23:56:42","guid":{"rendered":"https:\/\/www.relayed.net\/?post_type=tools&#038;p=125"},"modified":"2026-02-15T00:54:04","modified_gmt":"2026-02-15T00:54:04","slug":"gif-generator","status":"publish","type":"tools","link":"https:\/\/www.relayed.net\/?tools=gif-generator","title":{"rendered":"GIF Generator"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"> <div class=\"fwra\" data-fgg>\n\n <div class=\"fcar\"> <div class=\"fgg-hd\">Step 1: Select images<\/div>\n <input type=\"file\" data-fgg-files accept=\"image\/*\" multiple hidden>\n <div class=\"fgg-btnrow\">\n <button class=\"fgg-btn fgg-btn--pri\" type=\"button\" data-fgg-select>Upload<\/button>\n <button class=\"fgg-btn\" type=\"button\" data-fgg-clear disabled>Clear<\/button>\n <\/div> <\/div>\n\n <div class=\"fcar\"> <div class=\"fgg-hd\">Step 2: Add captions<\/div>\n <div class=\"fgg-preview\" data-fgg-preview> <\/div> <\/div>\n\n <div class=\"fcar\"> <div class=\"fgg-hd\">Step 3: Style captions<\/div>\n <div class=\"fgg-style-row\">\n\n <div class=\"fgg-style-left\">\n <div class=\"frow\"> <div class=\"ffie\"> <label class=\"flab\">Font size<\/label>\n <input class=\"finp\" type=\"number\" data-fgg-fontsize value=\"20\"> <\/div>\n <div class=\"ffie\"> <label class=\"flab\">Text color<\/label>\n <input class=\"finp\" type=\"color\" data-fgg-fontcolor value=\"#000000\"> <\/div>\n <div class=\"ffie\"> <label class=\"flab\">Caption width (%)<\/label>\n <input class=\"finp\" type=\"number\" min=\"10\" max=\"100\" data-fgg-capmax value=\"85\"> <\/div> <\/div>\n\n <div class=\"ffie\"> <label class=\"flab\">Caption position<\/label>\n <select class=\"finp\" data-fgg-cappos> <option value=\"bottom\" selected>Bottom<\/option>\n <option value=\"middle\">Middle<\/option> <option value=\"top\">Top<\/option> <\/select> <\/div>\n\n <div class=\"frow\"> <div class=\"ffie\"> <label class=\"flab\">Background bar color<\/label>\n <input class=\"finp\" type=\"color\" data-fgg-bgcol value=\"#ffffff\"> <\/div>\n <div class=\"ffie\"> <label class=\"flab\">Opacity<\/label>\n <input class=\"finp\" type=\"number\" min=\"0\" max=\"1\" step=\"0.1\" data-fgg-bgop value=\"0.5\"> <\/div> <\/div> <\/div>\n\n <div class=\"fgg-style-right\"> <div class=\"fgg-cap-prev-box\" data-fgg-cap-prev-box>\n <div class=\"fgg-cap-prev-caption\" data-fgg-cap-prev-caption>CAPTION<\/div> <\/div> <\/div> <\/div> <\/div>\n\n <div class=\"fcar\"> <div class=\"fgg-hd\">Step 4: Customize animation & generate<\/div>\n\n <div class=\"frow\"> <div class=\"ffie\"> <label class=\"flab\">Output width (px)<\/label>\n <input class=\"finp\" type=\"number\" data-fgg-w value=\"500\"> <\/div>\n <div class=\"ffie\"> <label class=\"flab\">Output height (px)<\/label>\n <input class=\"finp\" type=\"number\" data-fgg-h value=\"500\"> <\/div> <\/div>\n\n <div class=\"frow\"> <div class=\"ffie\"> <label class=\"flab\">Transition style<\/label>\n <select class=\"finp\" data-fgg-transition> <option value=\"slide_h\">Horizontal slide<\/option>\n <option value=\"slide_v\">Vertical slide<\/option> <option value=\"fade\">Fade<\/option> <\/select> <\/div>\n\n <div class=\"ffie\"> <label class=\"flab\">Image fit<\/label>\n <select class=\"finp\" data-fgg-fit> <option value=\"stretch\">Stretch<\/option>\n <option value=\"cover\">Cover<\/option> <\/select> <\/div> <\/div>\n\n <button class=\"fgg-btn fgg-btn--pri fgg-btn--wide\" type=\"button\" data-fgg-generate disabled>Generate<\/button>\n\n <div class=\"fgg-progress\" data-fgg-progress hidden>\n <div class=\"fgg-bar\" data-fgg-bar style=\"width:0%\"><\/div>\n <div class=\"fgg-status\" data-fgg-status>Initializing...<\/div> <\/div>\n \n <div class=\"fgg-result\" data-fgg-result><\/div> <\/div>\n <\/div>\n <\/p>\n","protected":false},"author":1,"featured_media":137,"template":"","meta":{"org":"","name":"","type":"","content":""},"class_list":["post-125","tools","type-tools","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.relayed.net\/index.php?rest_route=\/wp\/v2\/tools\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.relayed.net\/index.php?rest_route=\/wp\/v2\/tools"}],"about":[{"href":"https:\/\/www.relayed.net\/index.php?rest_route=\/wp\/v2\/types\/tools"}],"author":[{"embeddable":true,"href":"https:\/\/www.relayed.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.relayed.net\/index.php?rest_route=\/wp\/v2\/media\/137"}],"wp:attachment":[{"href":"https:\/\/www.relayed.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}