[{"data":1,"prerenderedAt":717},["ShallowReactive",2],{"blog-uk-how-to-generate-lorem-ipsum-online":3},{"id":4,"title":5,"alt":6,"author":7,"body":8,"category":686,"description":687,"extension":688,"faq":689,"image":703,"meta":704,"navigation":705,"path":706,"publishedAt":707,"seo":708,"stem":709,"tags":710,"__hash__":716},"blog\u002Fuk\u002Fhow-to-generate-lorem-ipsum-online.md","Як згенерувати lorem ipsum онлайн (з опціями)","Концепт генератора lorem ipsum: макет, заповнений сірими смугами тексту-заповнювача, і три вкладки корпусів: Lorem, Hipster, Bacon","Vibe Apps Pro Team",{"type":9,"value":10,"toc":677},"minimark",[11,29,32,37,40,120,123,127,130,186,189,207,210,217,221,224,231,238,249,256,259,317,331,344,541,550,574,577,581,584,598,620,623,627,636,642,651,657,663,673],[12,13,14,15,23,24,28],"p",{},"Найшвидший спосіб згенерувати текст-заповнювач — узагалі пропустити кнопку «згенерувати». Відкрий наш ",[16,17,18],"strong",{},[19,20,22],"a",{"href":21},"\u002Florem-ipsum","Lorem Ipsum"," — він працює цілком у твоєму браузері з нульовими мережевими викликами, тож працює офлайн і нічого не виробляється на сервері — обери корпус, вибери слова\u002Fречення\u002Fабзаци, введи, скільки треба, і вивід оновлюється під час набору. Копіюй або завантажуй ",[25,26,27],"code",{},".txt",". Готово.",[12,30,31],{},"Оце і вся робота. Але інструмент має три смаки наповнювача, режим точної кількості й перемикач HTML-виводу, якого більшість дизайнерів і девів навіть не помічає, що хотіли. Ось як користуватися кожним — плюс одна річ, яку майже кожен інший генератор lorem тихцем робить неправильно під капотом.",[33,34,36],"h2",{"id":35},"обери-свій-смак-lorem-hipster-чи-bacon","Обери свій смак: Lorem, Hipster чи Bacon",[12,38,39],{},"Усі три дають те саме — граматично оформлену нісенітницю, що заповнює простір, не вимагаючи, щоб її читали. Різняться вони лише списком слів, що їх рухає.",[41,42,43,63],"table",{},[44,45,46],"thead",{},[47,48,49,54,57,60],"tr",{},[50,51,53],"th",{"align":52},"left","Корпус",[50,55,56],{"align":52},"Настрій",[50,58,59],{"align":52},"Приклади слів",[50,61,62],{"align":52},"Найкраще для",[64,65,66,83,99],"tbody",{},[47,67,68,74,77,80],{},[69,70,71],"td",{"align":52},[16,72,73],{},"Lorem",[69,75,76],{"align":52},"Класичний, невидимий",[69,78,79],{"align":52},"lorem, ipsum, dolor, consectetur",[69,81,82],{"align":52},"Клієнтських макетів, де текст має зникнути в дизайні",[47,84,85,90,93,96],{},[69,86,87],{"align":52},[16,88,89],{},"Hipster",[69,91,92],{"align":52},"Грайливий, на-бренд",[69,94,95],{"align":52},"artisan, kombucha, fixie, cold-pressed",[69,97,98],{"align":52},"Lifestyle-, фуд- чи стартап-сайтів, яким треба характер",[47,100,101,106,109,112],{},[69,102,103],{"align":52},[16,104,105],{},"Bacon",[69,107,108],{"align":52},"Очевидно фейковий",[69,110,111],{"align":52},"pork belly, ribeye, pancetta, brisket",[69,113,114,115,119],{"align":52},"Чернеток, де стейкхолдер ",[116,117,118],"em",{},"ніколи"," не має сплутати наповнювач із фінальним текстом",[12,121,122],{},"Випадок із Bacon — недооцінений. Класичний Lorem настільки знайомий, що поспішливий клієнт може ковзнути по ньому очима, але ніхто не затвердить головну сторінку з написом «pork belly tenderloin». Це текст-заповнювач із вбудованим розтяжком. Обери корпус із першого дропдауну; вивід перегенеровується тієї ж миті, коли ти переключаєш.",[33,124,126],{"id":125},"слова-речення-чи-абзаци-влуч-у-точну-кількість","Слова, речення чи абзаци — влуч у точну кількість",[12,128,129],{},"Селектор одиниць — ось де живе точність. Кожна одиниця відповідає на інше питання макета.",[41,131,132,145],{},[44,133,134],{},[47,135,136,139,142],{},[50,137,138],{"align":52},"Одиниця",[50,140,141],{"align":52},"Що отримуєш",[50,143,144],{"align":52},"Діапазон на елемент",[64,146,147,160,173],{},[47,148,149,154,157],{},[69,150,151],{"align":52},[16,152,153],{},"Слова",[69,155,156],{"align":52},"Точну кількість слів, завершену крапкою",[69,158,159],{"align":52},"1–500 слів усього",[47,161,162,167,170],{},[69,163,164],{"align":52},[16,165,166],{},"Речення",[69,168,169],{"align":52},"Повні речення з різною пунктуацією",[69,171,172],{"align":52},"5–15 слів кожне",[47,174,175,180,183],{},[69,176,177],{"align":52},[16,178,179],{},"Абзаци",[69,181,182],{"align":52},"Повні блоки, розділені порожніми рядками",[69,184,185],{"align":52},"3–7 речень кожен (~50 слів)",[12,187,188],{},"Тож абзац тягне приблизно від 25 до 100 слів і в середньому десь 50. Три абзаци дають тобі ~150 слів — досить, щоб пресувати картку чи компонент прев'ю блогу, не переповнивши його.",[12,190,191,194,195,201,202,206],{},[16,192,193],{},"Використовуй режим «Слова», коли маєш реальну ціль для відповідності."," Будуєш макет, що має вмістити есе на 500 слів? Згенеруй рівно 500 слів, кинь їх усередину — і одразу побачиш, чи виживе твій line-height і ширина колонки за такого обсягу. Щоб переконатися, що згенерований блок реально влучає в кількість — і заразом перевірити символи й час читання — встав його в ",[16,196,197],{},[19,198,200],{"href":199},"\u002F","Лічильник слів",". Обидва інструменти згодні, бо обидва рахують однаково. Якщо ти розмірюєш сторінку, а не поле, наш ",[19,203,205],{"href":204},"\u002Fblog\u002Fhow-many-words-per-page","гайд про кількість слів на сторінку"," зіставляє кількість слів із фізичними сторінками за різних інтервалів і шрифтів, тож ти знатимеш, як 500 слів наповнювача виглядатимуть, коли їх зверстають.",[208,209],"ad-placeholder",{},[12,211,212,213,216],{},"Є ще й перемикач ",[16,214,215],{},"класичного вступу",". Лиши його ввімкненим — і вивід почнеться з канонічного рядка, якого чекає твоє око: «Lorem ipsum dolor sit amet, consectetur adipiscing elit.» — а далі заповниться рандомізованим текстом. Вимкни його, коли хочеш повністю випадковий зразок, наприклад коли генеруєш кілька блоків і не хочеш, щоб усі вони починалися однаково.",[33,218,220],{"id":219},"чому-lorem-ipsum-це-не-просто-абракадабра","Чому «Lorem Ipsum» — це не просто абракадабра",[12,222,223],{},"Ось шматок, що годиться для гарного факту на дизайн-рев'ю. Класичний текст — не вигадана нісенітниця, а покалічений Цицерон.",[12,225,226,227,230],{},"Джерело — «De finibus bonorum et malorum» («Про межі добра і зла»), трактат з етики, який Цицерон написав у ",[16,228,229],{},"45 році до н. е."," Упізнаваний фрагмент походить з уривка, що починається «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet...» — приблизно «немає нікого, хто любив би сам біль за те, що він біль». Складач у 1500-х переплутав той уривок у нечитабельний наповнювач, щоб продемонструвати гарнітуру, і він прижився на п'ять століть.",[12,232,233,234,237],{},"Ця історія пояснює, ",[116,235,236],{},"чому"," воно працює. Слова несуть справжню латинську форму — правдоподібні довжини слів, ритм голосних і приголосних, каданс речень — але нуль сенсу. Твоє око читає це як «текст», а мозок не намагається це розпарсити. У цьому весь фокус.",[12,239,240,241,244,245,248],{},"У дизайнерів є назва для навмисного використання нісенітниці: ",[16,242,243],{},"грікінг",". Сенс у тому, щоб стейкхолдери не рецензували текст, коли тобі треба, щоб вони рецензували ",[116,246,247],{},"дизайн",". Заповни макет справжньою англійською — і фідбек перетвориться на «я б переформулював той заголовок». Заповни його lorem ipsum — і розмова лишиться про інтервали, ієрархію й баланс, заради чого макет і існує. Текст-заповнювач — це інструмент фокусування, замаскований під наповнювач.",[33,250,252,253],{"id":251},"частина-яку-більшість-генераторів-робить-неправильно-random-mathrandom","Частина, яку більшість генераторів робить неправильно: random ≠ ",[25,254,255],{},"Math.random()",[12,257,258],{},"Тепер інженерія. Вибрати випадкове слово зі списку звучить тривіально — береш список зі 160 слів, обираєш індекс, готово. Наївна версія виглядає так:",[260,261,266],"pre",{"className":262,"code":263,"language":264,"meta":265,"style":265},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const word = words[Math.floor(Math.random() * words.length)]\n","js","",[25,267,268],{"__ignoreMap":265},[269,270,273,277,281,285,288,291,295,298,300,303,306,309,312,314],"span",{"class":271,"line":272},"line",1,[269,274,276],{"class":275},"spNyl","const",[269,278,280],{"class":279},"sTEyZ"," word ",[269,282,284],{"class":283},"sMK4o","=",[269,286,287],{"class":279}," words[Math",[269,289,290],{"class":283},".",[269,292,294],{"class":293},"s2Zo4","floor",[269,296,297],{"class":279},"(Math",[269,299,290],{"class":283},[269,301,302],{"class":293},"random",[269,304,305],{"class":279},"() ",[269,307,308],{"class":283},"*",[269,310,311],{"class":279}," words",[269,313,290],{"class":283},[269,315,316],{"class":279},"length)]\n",[12,318,319,320,322,323,326,327,330],{},"Воно працює — і водночас тонко зламане. ",[25,321,255],{}," нормальний для вибору слова, але сама ",[116,324,325],{},"техніка"," — відображення випадкового числа на діапазон через modulo чи множення float — вносить ",[16,328,329],{},"modulo-зсув",", коли діапазон не ділиться рівно на випадкове джерело. Деякі слова випадають трішки частіше за інші. Для іграшкового генератора це нікого не обходить. Але «достатньо добре, з невеликим зсувом» — це рівно той джуніорський шорткат, який наші ґардрейли забороняють по всьому цьому сайту.",[12,332,333,335,336,339,340,343],{},[19,334,22],{"href":21}," натомість використовує ",[25,337,338],{},"crypto.getRandomValues()"," із ",[16,341,342],{},"rejection sampling"," (вибіркою з відхиленням), щоб знищити зсув цілком:",[260,345,347],{"className":262,"code":346,"language":264,"meta":265,"style":265},"function secureRandomInt(maxExclusive) {\n  const range = 2 ** 32\n  const limit = range - (range % maxExclusive)\n  const buf = new Uint32Array(1)\n  while (true) {\n    crypto.getRandomValues(buf)\n    if (buf[0] \u003C limit) return buf[0] % maxExclusive   \u002F\u002F discard the biased tail\n  }\n}\n",[25,348,349,370,392,423,446,465,483,529,535],{"__ignoreMap":265},[269,350,351,354,357,360,364,367],{"class":271,"line":272},[269,352,353],{"class":275},"function",[269,355,356],{"class":293}," secureRandomInt",[269,358,359],{"class":283},"(",[269,361,363],{"class":362},"sHdIc","maxExclusive",[269,365,366],{"class":283},")",[269,368,369],{"class":283}," {\n",[269,371,373,376,379,382,386,389],{"class":271,"line":372},2,[269,374,375],{"class":275},"  const",[269,377,378],{"class":279}," range",[269,380,381],{"class":283}," =",[269,383,385],{"class":384},"sbssI"," 2",[269,387,388],{"class":283}," **",[269,390,391],{"class":384}," 32\n",[269,393,395,397,400,402,404,407,411,414,417,420],{"class":271,"line":394},3,[269,396,375],{"class":275},[269,398,399],{"class":279}," limit",[269,401,381],{"class":283},[269,403,378],{"class":279},[269,405,406],{"class":283}," -",[269,408,410],{"class":409},"swJcz"," (",[269,412,413],{"class":279},"range",[269,415,416],{"class":283}," %",[269,418,419],{"class":279}," maxExclusive",[269,421,422],{"class":409},")\n",[269,424,426,428,431,433,436,439,441,444],{"class":271,"line":425},4,[269,427,375],{"class":275},[269,429,430],{"class":279}," buf",[269,432,381],{"class":283},[269,434,435],{"class":283}," new",[269,437,438],{"class":293}," Uint32Array",[269,440,359],{"class":409},[269,442,443],{"class":384},"1",[269,445,422],{"class":409},[269,447,449,453,455,459,462],{"class":271,"line":448},5,[269,450,452],{"class":451},"s7zQu","  while",[269,454,410],{"class":409},[269,456,458],{"class":457},"sfNiH","true",[269,460,461],{"class":409},") ",[269,463,464],{"class":283},"{\n",[269,466,468,471,473,476,478,481],{"class":271,"line":467},6,[269,469,470],{"class":279},"    crypto",[269,472,290],{"class":283},[269,474,475],{"class":293},"getRandomValues",[269,477,359],{"class":409},[269,479,480],{"class":279},"buf",[269,482,422],{"class":409},[269,484,486,489,491,493,496,499,502,505,507,509,512,514,516,518,520,523,525],{"class":271,"line":485},7,[269,487,488],{"class":451},"    if",[269,490,410],{"class":409},[269,492,480],{"class":279},[269,494,495],{"class":409},"[",[269,497,498],{"class":384},"0",[269,500,501],{"class":409},"] ",[269,503,504],{"class":283},"\u003C",[269,506,399],{"class":279},[269,508,461],{"class":409},[269,510,511],{"class":451},"return",[269,513,430],{"class":279},[269,515,495],{"class":409},[269,517,498],{"class":384},[269,519,501],{"class":409},[269,521,522],{"class":283},"%",[269,524,419],{"class":279},[269,526,528],{"class":527},"sHwdD","   \u002F\u002F discard the biased tail\n",[269,530,532],{"class":271,"line":531},8,[269,533,534],{"class":283},"  }\n",[269,536,538],{"class":271,"line":537},9,[269,539,540],{"class":283},"}\n",[12,542,543],{},[544,545],"img",{"alt":546,"height":547,"src":548,"width":549},"Порівняння поруч: Math.random(), відображений через modulo, дає нерівні частоти вибору слів (зі зсувом), тоді як crypto.getRandomValues із rejection sampling відкидає залишковий хвіст 32-бітного діапазону, даючи рівні, рівномірні частоти",675,"\u002Farticles\u002Fhow-to-generate-lorem-ipsum-online\u002Fsection-1.webp",900,[12,551,552,553,556,557,560,561,564,565,569,570,573],{},"Картинка — це весь аргумент. Зліва відображення випадкового числа на список зі 160 слів через modulo лишає залишковий «хвіст», що не ділиться рівно — слова, які покриває цей хвіст, випадають трішки частіше, тож стовпці нерівні. Справа rejection sampling викидає будь-яке значення, що влучило в той хвіст, і кидає ще раз, тож кожен стовпець однакової висоти. Рядок ",[25,554,555],{},"limit"," — це те, що зрізає нерівну верхню скибку 32-бітного діапазону, щоб кожне слово в списку мало по-справжньому рівний шанс. Це той самий стандарт, що ти застосував би до будь-чого, що має бути без зсуву, — і та сама причина, чому наші інші інструменти генерують ID через ",[25,558,559],{},"crypto.randomUUID()"," замість ",[25,562,563],{},"Math.random().toString(36)",". Якщо хочеш повний тур того, чому наївне поводження з рядками ламається, ",[19,566,568],{"href":567},"\u002Fblog\u002Fhow-to-count-words-javascript","гайд про підрахунок слів у JavaScript"," проходить той самий клас багу на боці підрахунку, де ",[25,571,572],{},"text.split(' ')"," тихо повертає сміття на всьому неанглійському.",[12,575,576],{},"Чи видно той зсув у твоєму тексті-заповнювачі? Ні. Чи коштує бодай чогось зробити це правильно? Теж ні. Тож ми зробили правильно.",[33,578,580],{"id":579},"html-вивід-копіювання-й-завантаження","HTML-вивід, копіювання й завантаження",[12,582,583],{},"Два фінальні штрихи, націлені на розробників.",[12,585,586,587,589,590,593,594,597],{},"Переключи одиницю на ",[16,588,179],{}," — і розблокується другий перемикач: ",[16,591,592],{},"HTML-вивід",". Увімкни його — і кожен абзац прийде загорнутим у теги ",[25,595,596],{},"\u003Cp>...\u003C\u002Fp>",", готовий вставитися просто в шаблон чи поле CMS — без ручного загортання тегами. Він вимкнений для режимів слів і речень, бо загортати вільний список слів у теги абзаців не має сенсу.",[12,599,600,601,604,605,608,609,612,613,619],{},"Звідти ",[16,602,603],{},"Копіювати"," кидає текст у твій буфер обміну, а ",[16,606,607],{},"Завантажити"," зберігає файл ",[25,610,611],{},"lorem-ipsum.txt"," для сідингу фікстур, тестових даних чи контент-аудиту. Якщо ти згенерував текст для поля з обмеженою довжиною — мета-опис, соціальний підпис, SEO-заголовок — прожени його через ",[16,614,615],{},[19,616,618],{"href":617},"\u002Fcharacter-limit","Ліміт символів",", щоб переконатися, що він влазить у ліміт платформи, перш ніж відправляти макет. Він рахує за графемами, тож багатобайтові символи не збивають число.",[12,621,622],{},"Ось і весь набір інструментів: три корпуси, три одиниці, точна кількість до 500, класичний вступ, HTML-загортання, копіювання й завантаження — усе генерується локально, миттєво, щоразу, коли ти торкаєшся контрола.",[33,624,626],{"id":625},"faq","FAQ",[12,628,629,632,633,635],{},[16,630,631],{},"Як згенерувати текст lorem ipsum онлайн?","\nВідкрий генератор, обери корпус (Lorem, Hipster чи Bacon), вибери одиницю й введи кількість. Вивід оновлюється миттєво — кроку відправки немає. Скопіюй його в буфер обміну чи завантаж файл ",[25,634,27],{},". Без акаунта, без завантаження, і він перегенеровується тієї миті, коли ти міняєш будь-яку опцію.",[12,637,638,641],{},[16,639,640],{},"Чим відрізняються Lorem, Hipster і Bacon ipsum?","\nТа сама структурована нісенітниця, різні списки слів. Lorem — невидима класика для серйозних макетів. Hipster («kombucha», «fixie») додає характеру для lifestyle- й стартап-роботи. Bacon («pork belly», «ribeye») навмисно безглуздий, аби клієнт ніколи не сплутав заповнювач зі справжнім текстом.",[12,643,644,647,648,650],{},[16,645,646],{},"Чи можна згенерувати конкретну кількість слів?","\nТак — постав одиницю «Слова» й введи ціль до 500. Щоб переконатися, що блок влучає у твоє число разом із кількістю символів і часом читання, встав його в ",[19,649,200],{"href":199},", який токенізує так само, як генератор, тож двоє завжди згодні.",[12,652,653,656],{},[16,654,655],{},"Чи lorem ipsum — це справжня латина?","\nЦе переплутана латина. Текст походить від твору Цицерона «De finibus bonorum et malorum» (45 рік до н. е.), переставленого у безглуздий наповнювач складачем у 1500-х. Справжні латинські корені, жодного реального сенсу — і саме тому твоє око читає це як текст, не намагаючись зрозуміти.",[12,658,659,662],{},[16,660,661],{},"Навіщо використовувати lorem ipsum замість набирати справжній текст?","\nСправжній текст затягує рецензентів у критику тексту замість дизайну. Нейтральний заповнювач — грікінг — тримає фідбек на макеті, інтервалах та ієрархії. Він також дає реалістичний обсяг тексту ще до появи фінального контенту, тож твій макет рано перевіряється на реальній довжині.",[12,664,665,668,669,672],{},[16,666,667],{},"Чи надсилає генератор мої налаштування на сервер?","\nНі. Кожне слово виробляється локально через ",[25,670,671],{},"crypto"," API твого браузера — жодного виклику API, жодного логування, нічого не покидає сторінки. Він працює офлайн після завантаження сторінки й відчувається миттєвим, бо немає мережевого раунд-трипу.",[674,675,676],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":265,"searchDepth":372,"depth":372,"links":678},[679,680,681,682,684,685],{"id":35,"depth":372,"text":36},{"id":125,"depth":372,"text":126},{"id":219,"depth":372,"text":220},{"id":251,"depth":372,"text":683},"Частина, яку більшість генераторів робить неправильно: random ≠ Math.random()",{"id":579,"depth":372,"text":580},{"id":625,"depth":372,"text":626},"Dev Tools","Генеруй lorem ipsum, hipster чи bacon — текст-заповнювач онлайн: обери слова, речення чи абзаци, задай точну кількість і копіюй. Спробуй безплатний інструмент.","md",[690,692,694,696,698,701],{"question":631,"answer":691},"Відкрий наш безплатний [Lorem Ipsum](\u002Florem-ipsum), обери корпус (Lorem, Hipster чи Bacon), вибери одиницю (слова, речення чи абзаци), введи потрібну кількість — і текст оновиться миттєво. Натисни «Копіювати», щоб забрати його, або «Завантажити», щоб зберегти файл .txt. Жодної реєстрації й жодної кнопки «згенерувати», яку треба шукати — зміна будь-якої опції перегенеровує вивід на місці, повністю у твоєму браузері.",{"question":640,"answer":693},"Це три різні списки слів, що дають той самий вид структурованої нісенітниці. Lorem — класична псевдолатина, яку впізнає кожен дизайнер: вона розчиняється в макеті, тож ніхто її не читає. Hipster Ipsum підставляє слова на кшталт «kombucha», «fixie» й «artisan» для грайливого, на-бренд настрою. Bacon Ipsum — суцільні шматки м'яса («pork belly», «ribeye», «pancetta») — і він реально корисний, коли треба текст-заповнювач, що очевидно фейковий, аби клієнт ніколи не сплутав його зі справжнім текстом.",{"question":646,"answer":695},"Так. Переключи одиницю на «Слова» й введи свою ціль — скажімо, 500 — і отримаєш рівно 500 слів. Поле кількості приймає від 1 до 500 для слів, речень чи абзаців. Якщо заповнюєш макет, що має відповідати довжині реального документа, згенеруй слова й встав їх у наш [Лічильник слів](\u002F), щоб переконатися, що кількість, загальна кількість символів і оцінений час читання сходяться.",{"question":655,"answer":697},"Це переплутана латина, а не читабельна. Текст веде свій рід від твору Цицерона «De finibus bonorum et malorum», написаного 45 року до н. е., — уривок, що відкривається словами «Neque porro quisquam est qui dolorem ipsum...». Складач у 1500-х порубав і переставив його у безглуздий наповнювач, яким ми користуємося досі. Тож слова — це справжні латинські корені, але речення не означають нічого, і в цьому весь сенс: твоє око реєструє текст, а мозок не намагається його прочитати.",{"question":699,"answer":700},"Навіщо використовувати lorem ipsum замість того, щоб просто набрати справжній текст?","Бо справжній текст захоплює рецензію. Постав читабельну англійську в макет — і клієнт критикуватиме текст («зміни цей заголовок», «не подобається це речення») замість того, щоб оцінювати макет, інтервали й ієрархію, на які ти насправді хочеш фідбек. Дизайнери звуть це грікінгом: нейтральний заповнювач тримає всіх сфокусованими на дизайні. Він також дає реалістичний обсяг тексту ще до того, як з'явиться справжній контент, тож макет не ламається тієї миті, коли хтось напише довгий абзац.",{"question":667,"answer":702},"Ні. Кожне слово виробляється локально JavaScript-рушієм твого браузера через вбудований crypto API — жодного виклику API, жодного логування, нічого не покидає сторінки. Це означає, що він працює офлайн, щойно сторінка завантажилася, і він миттєвий, бо немає мережевого раунд-трипу. Текст-заповнювач не чутливий, але саме безсерверний дизайн робить так, що генерація 500 абзаців відчувається миттєвою, а не лагучою.","\u002Farticles\u002Fhow-to-generate-lorem-ipsum-online\u002Fhero.webp",{},true,"\u002Fuk\u002Fhow-to-generate-lorem-ipsum-online","2026-06-21",{"title":5,"description":687},"uk\u002Fhow-to-generate-lorem-ipsum-online",[711,712,713,714,715],"генератор lorem ipsum","текст-заповнювач","hipster ipsum","bacon ipsum","рибний текст","qkI5Ikd4dFrn_JJAJoUa2x7T-yF1Zg_oMAiRmp74U0E",1782712869896]