ToolDeck

เครื่องมือสร้าง Lorem Ipsum

สร้างข้อความตัวอย่าง Lorem Ipsum โดยกำหนดจำนวนย่อหน้าและคำได้

สร้าง
จำนวน:

ข้อความที่สร้าง

Nulla deserunt eiusmod qui sed dolore ullamco non. Duis lorem sint aute minim culpa id ipsum duis. Aliqua sed magna ex in tempor dolore tempor amet dolore occaecat proident do consequat duis aliquip. Sint lorem nostrud aliqua sit culpa tempor occaecat incididunt in aliqua labore et in mollit.

Pariatur sunt nostrud labore deserunt est aliqua occaecat. Dolore ad aute consequat quis nisi nostrud reprehenderit laborum mollit labore laboris sed laborum nisi amet dolor. Aute non ullamco adipiscing in amet ut anim ullamco cillum enim consequat proident incididunt laborum.

Eu ut enim non mollit officia non do sit sit. Nulla esse sint mollit aliqua veniam dolor ut anim pariatur. Excepteur minim veniam elit pariatur in mollit eu proident deserunt dolore enim id.

Lorem Ipsum คืออะไร?

Lorem ipsum คือข้อความตัวอย่างที่ใช้ในการออกแบบและการเรียงพิมพ์เพื่อเติมพื้นที่ layout ก่อนที่จะมีเนื้อหาจริง ข้อความมาตรฐานเริ่มต้นด้วย "Lorem ipsum dolor sit amet, consectetur adipiscing elit" และถูกใช้มาตั้งแต่ศตวรรษที่ 16 เมื่อช่างพิมพ์ที่ไม่ทราบชื่อนำส่วนต่างๆ จากงาน "De Finibus Bonorum et Malorum" (45 ปีก่อนคริสตกาล) ของซิเซโรมาสับเปลี่ยนเพื่อสร้างตัวอย่างแบบอักษร ข้อความนี้รอดจากการเปลี่ยนผ่านสู่การเรียงพิมพ์ดิจิทัลในทศวรรษ 1960 และกลายเป็นข้อความเติมพื้นที่เริ่มต้นในซอฟต์แวร์จัดพิมพ์บนเดสก์ท็อปอย่าง Aldus PageMaker

จุดประสงค์ของ Lorem ipsum คือการจำลองน้ำหนักทางภาพและการกระจายของข้อความที่อ่านได้ โดยไม่ทำให้ผู้ดูเสียสมาธิไปกับเนื้อหาจริง เนื่องจากคำภาษาละตินมีความถี่ของตัวอักษรและความยาวของคำที่หลากหลาย จึงทำให้ได้บล็อกข้อความที่ดูสมจริง นักออกแบบใช้ข้อความนี้เพื่อประเมินตัวอักษร ระยะห่าง และ layout ในขณะที่เนื้อหายังอยู่ในขั้นตอนการเขียนหรืออนุมัติ ซึ่งช่วยให้ทีมตัดสินใจเรื่องพื้นที่ว่าง จำนวนคอลัมน์ และขนาดอักษรได้ก่อนที่เนื้อหาจะพร้อม

ข้อความต้นฉบับจากงานของซิเซโร (เล่มที่ 1 ตอนที่ 1.10.32) กล่าวถึงทฤษฎีเกี่ยวกับความสุขและความเจ็บปวด ข้อความที่นำมาสับเปลี่ยนเพื่อใช้เป็น Lorem ipsum นั้นไม่ถูกหลักไวยากรณ์ภาษาละติน มีการสลับลำดับ ตัดทอน และผสมกับส่วนที่แต่งขึ้นใหม่ ซึ่งเป็นเจตนา เพราะข้อความควรดูน่าเชื่อเมื่อมองผ่านๆ แต่ไม่ควรสื่อความหมายที่อาจส่งผลต่อการรับรู้ของผู้ดูต่อการออกแบบ

ข้อความ Lorem Ipsum มาตรฐาน
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.

ทำไมต้องใช้เครื่องมือสร้าง Lorem Ipsum นี้?

การสร้างข้อความตัวอย่างด้วยมือนั้นน่าเบื่อและเสี่ยงต่อความผิดพลาด เครื่องมือนี้ให้ข้อความเติมพื้นที่ในจำนวนที่คุณต้องการพอดีในรูปแบบที่คุณต้องการ เลือกระหว่างย่อหน้า ประโยค หรือจำนวนคำ ปรับผลลัพธ์ได้ทันทีโดยไม่ต้องโหลดหน้าใหม่ และคัดลอกทุกอย่างไปยังคลิปบอร์ดได้ด้วยคลิกเดียว ไม่ว่าคุณจะสร้าง UI prototype ป้อนข้อมูลทดสอบในฐานข้อมูล หรือทดสอบ pipeline การประมวลผลข้อความ การมีข้อความตัวอย่างที่เชื่อถือได้และกำหนดค่าได้จะช่วยลดแรงเสียดทานเล็กๆ น้อยๆ ที่เกิดขึ้นซ้ำในกระบวนการทำงานของคุณ

ผลลัพธ์ทันที
เลือกประเภทหน่วยและจำนวน แล้วข้อความจะปรากฏขึ้นทันที ไม่ต้องรอ ไม่ต้องโหลดหน้าใหม่ เปลี่ยนการตั้งค่าและสร้างใหม่ได้กี่ครั้งก็ได้
🎛️
หน่วยที่กำหนดค่าได้
สร้างตามย่อหน้า ประโยค หรือจำนวนคำ ปรับผลลัพธ์ให้ตรงกับความต้องการของ layout ของคุณได้อย่างแม่นยำ ไม่ว่าจะเป็นแค่ tagline เดียวหรือยี่สิบย่อหน้า
🔒
ทำงานฝั่ง Client เท่านั้น
เครื่องมือทำงานทั้งหมดในเบราว์เซอร์ของคุณ ไม่มีการส่งข้อความไปยังเซิร์ฟเวอร์ ไม่มีการวิเคราะห์สิ่งที่คุณสร้างหรือปริมาณการใช้งาน
📋
คัดลอกด้วยคลิกเดียว
คัดลอกข้อความที่สร้างไปยังคลิปบอร์ดด้วยการกดปุ่มเดียว วางได้โดยตรงใน Figma, HTML, โปรแกรมแก้ไข CMS หรือโค้ดของคุณ

กรณีการใช้งานเครื่องมือสร้าง Lorem Ipsum

การสร้าง Frontend Prototype
เติมข้อมูลใน component ของ React, Vue หรือ HTML ด้วยข้อความที่ดูสมจริงเพื่อทดสอบ layout แบบ responsive, พฤติกรรมของ line-height และการจัดการ text overflow ก่อนที่เนื้อหาจริงจะพร้อม ซึ่งช่วยให้การตัดสินใจเรื่อง layout ไม่ขึ้นอยู่กับความพร้อมของเนื้อหา
การจำลอง Backend API
ป้อนข้อมูล fixture ในฐานข้อมูลหรือการตอบสนอง API จำลองด้วยฟิลด์ข้อความตัวอย่าง Lorem ipsum ใช้ได้ดีสำหรับฟิลด์ description, bio และ comment ระหว่างการพัฒนา การใช้ข้อความเติมพื้นที่ที่รู้จักยังทำให้แยกแยะข้อมูลทดสอบออกจากข้อมูลจริงได้ง่ายขึ้น
การทดสอบ DevOps Configuration
สร้างบล็อกข้อความขนาดใหญ่เพื่อทดสอบ pipeline การรับข้อมูล log, message queue หรือบริการประมวลผลข้อความด้วยข้อมูลอินพุตที่คาดเดาได้และไม่มีความอ่อนไหว ข้อความเติมพื้นที่ที่สม่ำเสมอยังทำให้การเปรียบเทียบเพื่อตรวจสอบ regression ทำได้ง่ายขึ้นเมื่อผลลัพธ์เป็นแบบ deterministic
QA และการทดสอบภาพ
ตรวจสอบว่า UI component จัดการข้อความยาว ข้อความสั้น และการขึ้นย่อหน้าได้อย่างถูกต้อง สร้างข้อความในความยาวต่างๆ เพื่อทดสอบ edge case ใน card layout และ modal เนื้อหาตัวอย่างที่คาดเดาได้ป้องกันไม่ให้เนื้อหาจริงบิดเบือนผลลัพธ์การทดสอบภาพโดยไม่ตั้งใจ
วิศวกรรมข้อมูล
เติมชุดข้อมูลใน staging ด้วยคอลัมน์ข้อความตัวอย่างสำหรับการทดสอบ ETL pipeline เนื้อหาตัวอย่างที่รู้จักทำให้ตรวจจับข้อผิดพลาดในการแปลงฟิลด์ข้อความได้ง่าย หากค่าในฟิลด์เปลี่ยนแปลงโดยไม่คาดคิด คุณสามารถบอกได้ทันทีว่า pipeline เป็นผู้นำการเปลี่ยนแปลงนั้นมาหรือไม่
การออกแบบและการพิมพ์
ประเมินการจับคู่อักษร ระยะบรรทัด และความกว้างของคอลัมน์ด้วยข้อความที่จำลองจังหวะทางภาพของเนื้อหาจริง นี่คือการใช้งาน Lorem ipsum ดั้งเดิมและพบมากที่สุด ข้อความเติมพื้นที่ที่เป็นมาตรฐานทำให้การเปรียบเทียบอักษรยังคงสม่ำเสมอในทุกการปรับแก้และผู้ตรวจสอบ

Lorem Ipsum เทียบกับข้อความตัวอย่างแบบอื่น

Lorem ipsum เป็นข้อความตัวอย่างที่ใช้กันมากที่สุด แต่มีทางเลือกอื่นหลายแบบ

ประเภทคำอธิบายเหมาะสำหรับข้อเสีย
Lorem Ipsum (classical)ภาษาละตินที่สับเปลี่ยนจาก De Finibus ของซิเซโรเป็นสากล ไม่ขึ้นกับภาษา เป็นที่คุ้นเคยสำหรับลูกค้าอาจดูซ้ำซากเมื่อใช้ในปริมาณมาก
Hipster Ipsumข้อความเติมพื้นที่สไตล์งานฝีมือและอาร์ติซานเพิ่มความสนุกในการทำ mockup ภายในน่าเสียสมาธิในการนำเสนอต่อลูกค้า
Bacon Ipsumข้อความตัวอย่างธีมเนื้อสัตว์ตลกขบขันสำหรับ prototype ไม่เป็นทางการไม่เป็นมืออาชีพสำหรับงานส่วนใหญ่
Real content draftเนื้อหาร่างจริง แม้จะยังไม่สมบูรณ์ทดสอบความยาวและน้ำเสียงของเนื้อหาจริงผู้ตรวจสอบจะมุ่งความสนใจไปที่ถ้อยคำแทนที่จะเป็น layout

ตัวอย่างโค้ด

วิธีสร้าง Lorem ipsum ด้วยโปรแกรมในภาษาและสภาพแวดล้อมต่างๆ:

JavaScript
// Generate N paragraphs of lorem ipsum in the browser
function loremParagraph(sentenceCount = 5) {
  const words = [
    'lorem', 'ipsum', 'dolor', 'sit', 'amet', 'consectetur',
    'adipiscing', 'elit', 'sed', 'do', 'eiusmod', 'tempor',
    'incididunt', 'ut', 'labore', 'et', 'dolore', 'magna', 'aliqua',
  ]
  const pick = () => words[Math.floor(Math.random() * words.length)]
  const sentence = () => {
    const len = 6 + Math.floor(Math.random() * 8)
    const ws = Array.from({ length: len }, pick)
    ws[0] = ws[0][0].toUpperCase() + ws[0].slice(1)
    return ws.join(' ') + '.'
  }
  return Array.from({ length: sentenceCount }, sentence).join(' ')
}

console.log(loremParagraph(3))
// → "Magna dolor ipsum sit amet labore. Elit tempor ut sed consectetur. ..."
Python
import random

WORDS = (
    "lorem ipsum dolor sit amet consectetur adipiscing elit sed do "
    "eiusmod tempor incididunt ut labore et dolore magna aliqua"
).split()

def lorem_paragraph(sentences: int = 5) -> str:
    result = []
    for _ in range(sentences):
        length = random.randint(6, 14)
        words = [random.choice(WORDS) for _ in range(length)]
        words[0] = words[0].capitalize()
        result.append(" ".join(words) + ".")
    return " ".join(result)

print(lorem_paragraph(3))
# → "Amet consectetur sed ipsum dolor labore. Elit do magna ut lorem. ..."
Go
package main

import (
	"fmt"
	"math/rand"
	"strings"
)

var words = []string{
	"lorem", "ipsum", "dolor", "sit", "amet", "consectetur",
	"adipiscing", "elit", "sed", "do", "eiusmod", "tempor",
	"incididunt", "ut", "labore", "et", "dolore", "magna", "aliqua",
}

func loremSentence() string {
	n := 6 + rand.Intn(8)
	ws := make([]string, n)
	for i := range ws {
		ws[i] = words[rand.Intn(len(words))]
	}
	ws[0] = strings.ToUpper(ws[0][:1]) + ws[0][1:]
	return strings.Join(ws, " ") + "."
}

func loremParagraph(sentences int) string {
	parts := make([]string, sentences)
	for i := range parts {
		parts[i] = loremSentence()
	}
	return strings.Join(parts, " ")
}

func main() {
	fmt.Println(loremParagraph(3))
	// → "Lorem sit amet consectetur labore. Elit magna do ipsum tempor. Aliqua ut dolore sit eiusmod."
}
CLI (npm / pip)
# Node.js one-liner using the "lorem-ipsum" npm package
npx lorem-ipsum --count 3 --units paragraphs

# Python one-liner using the "lorem" PyPI package
python3 -c "import lorem; print(lorem.paragraph())"

# Or use curl to fetch from a public API
curl -s "https://loripsum.net/api/3/short/plaintext"

คำถามที่พบบ่อย

Lorem ipsum มาจากไหน?
ข้อความนี้มาจากตอนที่ 1.10.32 และ 1.10.33 ของ "De Finibus Bonorum et Malorum" โดย Marcus Tullius Cicero เขียนในปี 45 ก่อนคริสตกาล ภาษาละตินต้นฉบับกล่าวถึงทฤษฎีจริยธรรมและการแสวงหาความสุข ช่างพิมพ์ที่ไม่ทราบชื่อในศตวรรษที่ 16 ได้นำส่วนต่างๆ ของข้อความมาสับเปลี่ยนเพื่อสร้างตัวอย่างแบบอักษร และข้อความที่ได้ก็ถูกนำมาใช้ซ้ำตั้งแต่นั้นมา
Lorem ipsum เป็นภาษาละตินจริงหรือไม่?
บางส่วน คำต่างๆ เป็นภาษาละติน แต่ประโยคนั้นไม่ถูกหลักไวยากรณ์ มีการสลับลำดับ ตัดทอน และผสมกับส่วนที่ไม่มีความหมาย นักวิชาการด้านภาษาละตินจะจำคำแต่ละคำได้ แต่ไม่สามารถแปลข้อความทั้งหมดให้สื่อความหมายที่สอดคล้องกันได้
ทำไมไม่ใช้เนื้อหาจริงแทนข้อความตัวอย่าง?
ข้อความตัวอย่างช่วยให้ผู้ตรวจสอบประเมิน layout และการพิมพ์โดยไม่เสียสมาธิไปกับความหมายของคำ เมื่อมีเนื้อหาจริง ผู้คนมักจะอ่านและวิจารณ์ข้อความแทนที่จะให้ feedback เกี่ยวกับการออกแบบ Lorem ipsum ทำให้ความสนใจกลับไปที่โครงสร้างทางภาพ
ย่อหน้า Lorem ipsum มาตรฐานมีกี่คำ?
ย่อหน้าเปิดดั้งเดิม ("Lorem ipsum dolor sit amet..." ถึง "...id est laborum") มี 69 คำ Lorem ipsum ที่สร้างขึ้นสามารถมีความยาวเท่าใดก็ได้ เนื่องจากเครื่องมือสร้างจะสุ่มเลือกคำจากคลังคำต้นฉบับหรือทำซ้ำข้อความมาตรฐาน
Lorem ipsum ก่อให้เกิดปัญหาด้านการเข้าถึงได้หรือไม่?
โปรแกรมอ่านหน้าจอจะพยายามอ่าน Lorem ipsum ออกเสียง ซึ่งจะได้ยินเป็นเสียงที่ไม่มีความหมายสำหรับผู้ใช้ที่พึ่งพาเทคโนโลยีช่วยเหลือ หากคุณส่งหน้าเว็บที่มีข้อความตัวอย่างหลงเหลืออยู่ ผู้ใช้เหล่านั้นจะได้รับประสบการณ์ที่ผิดพลาด ควรแทนที่ Lorem ipsum ด้วยเนื้อหาจริงเสมอก่อนนำขึ้น production และควรพิจารณาใช้ aria-hidden บนบล็อกตัวอย่างระหว่างการพัฒนา
มีเวอร์ชันมาตรฐานของ Lorem ipsum หรือไม่?
เวอร์ชันที่พบมากที่สุดเริ่มต้นด้วย "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt..." และมีประมาณ 250 คำใน 5 ย่อหน้า เวอร์ชันนี้ได้รับความนิยมจากแผ่น transfer ของ Letraset ในทศวรรษ 1960 และต่อมาโดย Aldus PageMaker ในปี 1985 เครื่องมือสร้างมักใช้รายการคำที่ดึงมาจากข้อความนี้และสุ่มรวมคำใหม่
ควรสร้างข้อความตัวอย่างมากแค่ไหนสำหรับ mockup?
ปรับให้ตรงกับความยาวที่คาดหวังของเนื้อหาจริง หากบล็อกโพสต์จะมี 800 คำ ให้สร้าง 800 คำ สำหรับ UI component เช่น card หรือ tooltip ให้ใช้จำนวนอักขระสูงสุดที่ component ควรรองรับ การสร้างข้อความที่สั้นหรือยาวกว่าเนื้อหาสุดท้ายมากจะให้ผลลัพธ์ที่เข้าใจผิดเมื่อประเมินพฤติกรรมของ layout