{"id":898,"date":"2025-08-11T14:31:48","date_gmt":"2025-08-11T14:31:48","guid":{"rendered":"https:\/\/rs.quarticon.com\/jak-przygotowac-kreacje-graficzne-do-wdrozenia-pop-upu\/"},"modified":"2025-08-12T15:38:08","modified_gmt":"2025-08-12T15:38:08","slug":"jak-przygotowac-kreacje-graficzne-do-wdrozenia-pop-upu","status":"publish","type":"post","link":"https:\/\/help.quarticon.com\/pl\/jak-przygotowac-kreacje-graficzne-do-wdrozenia-pop-upu\/","title":{"rendered":"Jak przygotowa\u0107 kreacje graficzne do wdro\u017cenia pop-upu?"},"content":{"rendered":"<article class='jsx-ef86202475c6562f '>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_41ba3a4079'>Rozmiar pop-upu<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Wielko\u015b\u0107 pop-upu zale\u017cy wy\u0142\u0105cznie od Ciebie. Oczywi\u015bcie najwa\u017cniejsze jest to, aby pop-up zmie\u015bci\u0142 si\u0119 na ekranie przegl\u0105darki.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-heading intercom-interblocks-align-left'>\n<h2 id='h_0c312e7ad9'>Rozmiar zdj\u0119cia\/grafiki<\/h2>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>1. Je\u015bli chcesz u\u017cy\u0107 zdj\u0119cia\/grafiki jako t\u0142a pop-upu<\/b> (na ca\u0142ej jego przestrzeni), przygotuj je w takim samym rozmiarze, jak pop-up.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ad: je\u015bli chcesz, aby\u015bmy przygotowali pop-up o wymiarach 600px x 300px, przygotuj grafik\u0119 o wymiarach 600px x 300px.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>2. Je\u015bli chcesz u\u017cy\u0107 zdj\u0119cia\/grafiki jako elementu pop-upu<\/b> (np. w rogu), przygotuj grafik\u0119 nie mniejsz\u0105 ni\u017c to, co b\u0119dzie wy\u015bwietlane.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142ad: je\u015bli na pop-upie ma znale\u017a\u0107 si\u0119 logo Twojego sklepu o wymiarach 100px x 70px, przygotuj grafik\u0119 w takich lub wi\u0119kszych, ale <b>nie mniejszych <\/b>wymiarach! W przypadku wi\u0119kszego rozmiaru pami\u0119taj o zachowaniu proporcji \u2013 w innym wypadku b\u0119dziemy musieli j\u0105 przyci\u0105\u0107.<\/p>\n<\/div>\n<div class='intercom-interblocks-table'>\n<table>\n<tbody>\n<tr>\n<td>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p><b>Pami\u0119taj!<\/b> Je\u015bli pop-up ma si\u0119 wy\u015bwietla\u0107 nie tylko na wersji desktop, musi by\u0107 dostosowany do ka\u017cdego typu urz\u0105dzenia, na kt\u00f3rym b\u0119dzie wy\u015bwietlany (czyli r\u00f3wnie\u017c na tablet i telefon kom\u00f3rkowy), dlatego rekomendujemy tworzenie 3 wersji graficznych na poszczeg\u00f3lne urz\u0105dzenia. W wi\u0119kszo\u015bci przypadk\u00f3w oznacza to tak\u017ce przebudow\u0119 kreacji graficznej z orientacji poziomej (desktop) na orientacj\u0119 pionow\u0105 (mobile).<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Aby unikn\u0105\u0107 w\u0105tpliwo\u015bci i problem\u00f3w na p\u00f3\u017aniejszym etapie prac, dostarcz nam podgl\u0105d grafiki\/grafik do wdro\u017cenia.<\/p>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<p>Przyk\u0142adowy pop-up z mo\u017cliwo\u015bci\u0105 zapisu na newsletter:<\/p>\n<\/div>\n<div class='intercom-interblocks-image intercom-interblocks-align-center'><a href='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/355866164\/ef386499d75e483709ff71dc\/image.png' target='_blank' rel='noreferrer nofollow noopener'><img src='https:\/\/cdn.quartic.com.pl\/howtoimg\/i\/o\/355866164\/ef386499d75e483709ff71dc\/image.png' width='634' height='388'><\/a><\/div>\n<div class='intercom-interblocks-paragraph no-margin intercom-interblocks-align-left'>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Rozmiar pop-upuWielko\u015b\u0107 pop-upu zale\u017cy wy\u0142\u0105cznie od Ciebie. Oczywi\u015bcie najwa\u017cniejsze jest to, aby pop-up zmie\u015bci\u0142 si\u0119 na ekranie przegl\u0105darki. Rozmiar zdj\u0119cia\/<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-898","post","type-post","status-publish","format-standard","hentry","category-reklamy"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/comments?post=898"}],"version-history":[{"count":5,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/898\/revisions"}],"predecessor-version":[{"id":2156,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/posts\/898\/revisions\/2156"}],"wp:attachment":[{"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/media?parent=898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/categories?post=898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.quarticon.com\/pl\/wp-json\/wp\/v2\/tags?post=898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}