{"id":447,"date":"2014-06-30T10:22:39","date_gmt":"2014-06-30T09:22:39","guid":{"rendered":"http:\/\/www.supermonitoring.pl\/blogpl\/?p=447"},"modified":"2020-09-20T15:10:20","modified_gmt":"2020-09-20T13:10:20","slug":"tworzenie-animacji-wczytywania-za-pomoca-preloaders-net","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/","title":{"rendered":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net"},"content":{"rendered":"<p>Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader. Preloader jest to nic wi\u0119cej, jak tylko pasek \u0142adowania lub \u201ezape\u0142niaj\u0105cy si\u0119\u201d wykres ko\u0142owy, kt\u00f3ry wskazuje, jaki procent zawarto\u015bci jest ju\u017c za\u0142adowany i informuje u\u017cytkownika, \u017ce \u017c\u0105dana przez niego zawarto\u015b\u0107 jest w\u0142a\u015bnie \u0142adowana.<br \/>\nWiele os\u00f3b uwa\u017ca, \u017ce dodanie preloadera nie jest korzystne dla strony lub aplikacji internetowej, tak samo jak nie jest dobre, by klienci i go\u015bcie musieli czeka\u0107 na wczytanie si\u0119 tre\u015bci. Nale\u017cy jednak pami\u0119ta\u0107, \u017ce dodanie preloadera pozwala w kreatywny i tw\u00f3rczy spos\u00f3b umili\u0107 oczekiwanie odwiedzaj\u0105cemu.<br \/>\nPreloadery s\u0105 r\u00f3wnie\u017c nazywane ikonami \u0142adowania lub AJAX Loaders. Ikony AJAX s\u0105 zazwyczaj u\u017cywane na stronach i aplikacjach bazuj\u0105cych na AJAX, do informowania odwiedzaj\u0105cego o w\u0142a\u015bnie \u0142adowanych tre\u015bciach.<\/p>\n<p>W sieci istnieje grupa witryn oferuj\u0105cych narz\u0119dzia online bazuj\u0105ce na JavaScript lub CSS3 do generowania ikon \u0142adowania. A z drugiej strony jest wiele stron, z kt\u00f3rych mo\u017cna \u015bci\u0105gn\u0105\u0107 gotowe animowane ikony z bogatej galerii. Jedn\u0105 z takich witryn jest Preloaders.net, kt\u00f3ry posiada ogromn\u0105 kolekcj\u0119 kreatywnych i bardzo \u0142adnych gotowych preloader\u00f3w.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/icons8.com\/preloaders\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-449\" style=\"border: 1px solid gray;\" alt=\"preloaders\" src=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png\" width=\"250\" height=\"250\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png 250w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders-200x200.png 200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/icons8.com\/preloaders\/\" target=\"_blank\" rel=\"noopener noreferrer\">Preloaders.net<\/a> u\u0142atwia tworzenie animacji wczytywania, kt\u00f3re s\u0105 wst\u0119pnie podzielone na wiele kategorii, np.: 3D, nauka, religia, bu\u017aki, ludzie, animowany tekst, zodiak i inne. Preloaders.net pozwala wybra\u0107 preloader, zmieni\u0107 typ obrazu na GIF lub APNG. Doda\u0107 przezroczyste t\u0142o, zmieni\u0107 kolory pierwszego planu i kolory t\u0142a, zmieni\u0107 pr\u0119dko\u015b\u0107 animacji i rozmiar twojego preloadera. Po klikni\u0119ciu na zak\u0142adk\u0119 &#8220;Opcje zaawansowane&#8221; oferuje r\u00f3\u017cne dodatkowe ustawienia, takie jak odwracanie kolor\u00f3w, odbicie obrazu w poziomie lub w pionie, mo\u017cna u\u017cywa\u0107 kolor\u00f3w otoczenia, a nawet odwr\u00f3ci\u0107 animacje. Umo\u017cliwia tak\u017ce zmian\u0119 ilo\u015bci klatek i generowanie preloadera automatycznie.<\/p>\n<h2>Kroki do wygenerowania w\u0142asnej animacji<\/h2>\n<ul>\n<li>Wybierz z listy rozwijanej typ preloadera, kt\u00f3ry chcesz mie\u0107 na swojej stronie lub aplikacji internetowej.<\/li>\n<li>Wybierz typ obrazu: GIF lub APNG. Po wybraniu GIF otrzymamy animacj\u0119 z rozszerzeniem GIF, a po wybraniu APNG wygenerujemy animowany PNG, kt\u00f3ry lepiej obs\u0142uguje przezroczysto\u015b\u0107.<\/li>\n<li>Wybierz, czy chcesz mie\u0107 przezroczyste t\u0142o na grafice.<\/li>\n<li>Wybierz kolor pierwszoplanowy preloadera. Mo\u017cna go wybra\u0107 za pomoc\u0105 pr\u00f3bnika kolor\u00f3w bezpo\u015brednio z kolor\u00f3w otoczenia.<\/li>\n<li>Dodaj za pomoc\u0105 pr\u00f3bnika kolor t\u0142a.<\/li>\n<li>Wybierz w\u0142a\u015bciw\u0105 pr\u0119dko\u015b\u0107 animacji, przeci\u0105gaj\u0105c niebieski przycisk w kierunku \u201e+\u201d, je\u015bli chcesz zwi\u0119kszy\u0107 pr\u0119dko\u015b\u0107 lub \u201e-\u201d, by j\u0105 zmniejszy\u0107.<\/li>\n<li>Nast\u0119pnie wybierz wielko\u015b\u0107 swojego preloadera. Ikona wczytywania jest ustawiona domy\u015blnie w najwy\u017cszej jako\u015bci i w maksymalnym dopuszczalnym rozmiarze, w momencie wybrania jej z listy rozwijanej.<\/li>\n<li>Opcja zachowania kolor\u00f3w oryginalnych pozwala zachowa\u0107 kolory swoich preloader\u00f3w takimi jakie s\u0105, bez \u017cadnych zmian.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-454\" alt=\"preloaders2\" src=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders2.png\" width=\"600\" height=\"474\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders2.png 600w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders2-300x237.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<h2>Niekt\u00f3re efekty specjalne<\/h2>\n<ul>\n<li>Odwracanie kolor\u00f3w obrazu.<\/li>\n<li>Odbijanie obrazu w pionie lub w poziomie. Na wielu z tych obrazk\u00f3w, zawieraj\u0105cych symetryczne obiekty, nie b\u0119dzie wida\u0107 tego efektu.<\/li>\n<li>Mo\u017cliwo\u015b\u0107 pobierania kolor\u00f3w z otoczenia do ikony preloadera.<\/li>\n<li>Mo\u017cliwo\u015b\u0107 ustawienia sekwencji animacji w odwrotnej kolejno\u015bci za pomoc\u0105 odpowiedniej opcji.<\/li>\n<li>Regulowanie liczby klatek animacji.<\/li>\n<li>Generowanie automatycznie pozwala na utworzenie ikony wczytywania ju\u017c 2 sekundy po dokonaniu jakichkolwiek zmian parametr\u00f3w.<\/li>\n<\/ul>\n<p>Na stronie mo\u017cemy te\u017c znale\u017a\u0107 starsz\u0105 wersj\u0119 aplikacji o nazwie Preloaders.net v1, kt\u00f3ra ma mniejsz\u0105 liczb\u0119 kategorii preloader\u00f3w i w kt\u00f3rej mo\u017ce zaj\u0105\u0107 wi\u0119cej czasu generowanie ikon wczytywania.<\/p>\n<h2>Zam\u00f3w w\u0142asny preloader<\/h2>\n<p>Preloader.net pozwala za\u0142adowa\u0107 podgl\u0105d ikony wczytywania z wybran\u0105 nazw\u0105 preloadera i id e-maila, je\u015bli chcesz zam\u00f3wi\u0107 preloader dla nadchodz\u0105cego projektu. Preloaders.net nawet pozwala wybra\u0107, jak bardzo pilne jest nasze \u017c\u0105danie. Dzi\u0119ki temu nawet bardzo pilne \u017c\u0105dania mo\u017cna zrealizowa\u0107 nie trac\u0105c zbyt wiele czasu.<\/p>\n<h2>Bez problem\u00f3w z prawami autorskimi<\/h2>\n<p>Preloaders.net zach\u0119ca swoich u\u017cytkownik\u00f3w do korzystania bez \u017cadnych ogranicze\u0144, bez \u017cadnych op\u0142at i licencji, z dowolnych animacji GIF i APNG generowanych poprzez ich stron\u0119. Mo\u017cesz te\u017c doda\u0107 odwo\u0142anie do Preloaders.net w swoim projekcie, ale nie jest to przymus, jak na innych tego typu witrynach.<\/p>\n<h2>Forum dyskusyjne<\/h2>\n<p>Preloaders.net posiada r\u00f3wnie\u017c forum dyskusyjne, gdzie mo\u017cna om\u00f3wi\u0107 problemy, kt\u00f3re mo\u017cesz napotka\u0107 podczas generowania animacji dla swojego projektu jak r\u00f3wnie\u017c uzyska\u0107 odpowiedzi na pytania zwi\u0105zane z prac\u0105 nad stronami internetowymi.<\/p>\n<ul class=\"twitter1\">\n<li class=\"twitter2\">\n<blockquote class=\"twitter3\">\n<p class=\"twitter4\">Sprawd\u017a, jak \u0142atwe mo\u017ce by\u0107 tworzenie ikon wczytywania twojej strony dzi\u0119ki <span class=\"twitter5\">@preloadersnet<\/span> <span class=\"twitter5\">www.preloaders.net\/<\/span> via <span class=\"twitter5\">@MonitoringStron<\/span><\/p>\n<p class=\"twitter6\"><a class=\"twitter7\" title=\"Tweetnij to z Hrefshare.com\" href=\"http:\/\/hrefshare.com\/634c\" target=\"_blank\" rel=\"noopener noreferrer\">Tweetnij to<\/a><\/p>\n<\/blockquote>\n<\/li>\n<\/ul>\n<h2>Zam\u00f3wienie klucza API<\/h2>\n<p>Od Preloaders.net mo\u017cesz uzyska\u0107 klucz API. Dzi\u0119ki do\u0142\u0105czonej instrukcji w prosty spos\u00f3b dodasz generator preloader\u00f3w do swojej strony lub aplikacji internetowej. B\u0119dzie posiada\u0142 podobn\u0105 funkcjonalno\u015b\u0107, jak na stronie preloaders.net i nie b\u0119dzie wymaga\u0142 zapisywania tworzonych obraz\u00f3w po stronie serwera. Jedynym ograniczeniem jest mo\u017cliwo\u015b\u0107 wygenerowania 5000 animacji dziennie.<br \/>\nZ API preloaders.net mog\u0105 nawet swobodnie korzysta\u0107 firmy i to zupe\u0142nie za darmo!<\/p>\n<p>Dotychczas, od momentu uruchomienia preloaders.net przez Timura Gafforov i Avraama Makhmudov w lutym 2008 r., strona wygenerowa\u0142a ju\u017c ponad 16 mln animacji wczytywania i jest odwiedzana przez ponad 15000 os\u00f3b dziennie. Polecamy preloaders.net, by przynajmniej spr\u00f3bowa\u0107, jak w \u0142atwy spos\u00f3b mo\u017cna stworzy\u0107 atrakcyjny i kreatywny preloader do w\u0142asnej strony internetowej.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader. Preloader jest to nic wi\u0119cej, jak tylko pasek \u0142adowania lub \u201ezape\u0142niaj\u0105cy si\u0119\u201d wykres ko\u0142owy, kt\u00f3ry wskazuje, jaki procent zawarto\u015bci jest ju\u017c za\u0142adowany i informuje u\u017cytkownika, \u017ce \u017c\u0105dana przez niego zawarto\u015b\u0107 jest w\u0142a\u015bnie \u0142adowana. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":449,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[113,111,108,109,114,112],"class_list":["post-447","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-animacja","tag-apng","tag-gif","tag-ikony","tag-pasek-stanu","tag-preloader"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net<\/title>\n<meta name=\"description\" content=\"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net\" \/>\n<meta property=\"og:description\" content=\"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Super Monitoring\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/monitoring.stron\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-30T09:22:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-20T13:10:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Superbohater\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:site\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Superbohater\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/\"},\"author\":{\"name\":\"Superbohater\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/a0e45a7ac6e9389ea9c3cc6c441d4a14\"},\"headline\":\"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net\",\"datePublished\":\"2014-06-30T09:22:39+00:00\",\"dateModified\":\"2020-09-20T13:10:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/\"},\"wordCount\":904,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/preloaders.png\",\"keywords\":[\"animacja\",\"APNG\",\"GIF\",\"ikony\",\"pasek stanu\",\"preloader\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/\",\"name\":\"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/preloaders.png\",\"datePublished\":\"2014-06-30T09:22:39+00:00\",\"dateModified\":\"2020-09-20T13:10:20+00:00\",\"description\":\"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#primaryimage\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/preloaders.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/preloaders.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"name\":\"Blog Super Monitoring\",\"description\":\"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\",\"name\":\"Super Monitoring\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"width\":400,\"height\":400,\"caption\":\"Super Monitoring\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/monitoring.stron\",\"https:\\\/\\\/x.com\\\/MonitoringStron\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/super-monitoring\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/a0e45a7ac6e9389ea9c3cc6c441d4a14\",\"name\":\"Superbohater\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net","description":"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/","og_locale":"pl_PL","og_type":"article","og_title":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net","og_description":"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.","og_url":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/","og_site_name":"Blog Super Monitoring","article_publisher":"https:\/\/www.facebook.com\/monitoring.stron","article_published_time":"2014-06-30T09:22:39+00:00","article_modified_time":"2020-09-20T13:10:20+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png","type":"image\/png"}],"author":"Superbohater","twitter_card":"summary_large_image","twitter_creator":"@MonitoringStron","twitter_site":"@MonitoringStron","twitter_misc":{"Napisane przez":"Superbohater","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#article","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/"},"author":{"name":"Superbohater","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/a0e45a7ac6e9389ea9c3cc6c441d4a14"},"headline":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net","datePublished":"2014-06-30T09:22:39+00:00","dateModified":"2020-09-20T13:10:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/"},"wordCount":904,"commentCount":0,"publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png","keywords":["animacja","APNG","GIF","ikony","pasek stanu","preloader"],"articleSection":["Web Design"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/","url":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/","name":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#primaryimage"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png","datePublished":"2014-06-30T09:22:39+00:00","dateModified":"2020-09-20T13:10:20+00:00","description":"Nikt nie lubi by\u0107 przykuty do pustego ekranu w czasie wczytywania witryny lub aplikacji. Aby uczyni\u0107 stron\u0119 bardziej atrakcyjn\u0105, mo\u017cesz doda\u0107 preloader.","breadcrumb":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#primaryimage","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2014\/06\/preloaders.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/tworzenie-animacji-wczytywania-za-pomoca-preloaders-net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.supermonitoring.pl\/blogpl\/"},{"@type":"ListItem","position":2,"name":"Tworzenie animacji wczytywania za pomoc\u0105 Preloaders.net"}]},{"@type":"WebSite","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","name":"Blog Super Monitoring","description":"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f","publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.supermonitoring.pl\/blogpl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization","name":"Super Monitoring","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","width":400,"height":400,"caption":"Super Monitoring"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/monitoring.stron","https:\/\/x.com\/MonitoringStron","https:\/\/www.linkedin.com\/showcase\/super-monitoring\/"]},{"@type":"Person","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/a0e45a7ac6e9389ea9c3cc6c441d4a14","name":"Superbohater"}]}},"_links":{"self":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/comments?post=447"}],"version-history":[{"count":11,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/447\/revisions"}],"predecessor-version":[{"id":3512,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/447\/revisions\/3512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media\/449"}],"wp:attachment":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media?parent=447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/categories?post=447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/tags?post=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}