Chính xác thì một Pixel Pixel] là gì?


22

"Pixel" luôn làm tôi bối rối mỗi khi tôi làm công việc biểu ngữ web.

Tôi sử dụng CorelDraw x5 cho công việc của mình. Tôi thường thích sử dụng inch hơn là pixel vì inch rất trực quan đối với tôi. Nhưng khi tôi thực hiện chuyển đổi "Inch sang Pixel", tôi bị lẫn lộn.

Bây giờ khách hàng của tôi đang yêu cầu biểu ngữ 1900x1200px. Tôi nên thực hiện chuyển đổi như thế nào?


15
"Pixels không có kích thước" @Scott
Ilan

6
Một dấu chấm trên màn hình là một pixel và màn hình có thể là 72ppi, 75ppi, 96ppi hoặc 120ppi hoặc bất cứ thứ gì. Các mật độ đó phụ thuộc vào kích thước vật lý của từng chấm phát sáng. Một màn hình có kích thước 1900x1200 sẽ có kích thước vật lý liên quan đến kích thước vật lý của từng chấm phát sáng. Một dấu chấm trên máy in cũng có thể là 300dpi. Kết luận: không có nhiều tương quan giữa pixel và inch.
Andrew Leach


2
Một pixel chỉ là "phân đoạn" nhỏ nhất của một màu đơn sắc. Ví dụ: nếu tôi có một hình vuông và chia đều thành 4 hình vuông nhỏ hơn và tạo cho mỗi hình vuông một màu, tôi có thể chia tỷ lệ thành hình vuông 5 inch x 5 inch hoặc hình vuông 15 inch x 15 inch, nhưng dù sao đi nữa chỉ có 4 "phân khúc". do đó, các phân đoạn có thể có kích thước bất kỳ, nhưng bạn sử dụng bao nhiêu "phân đoạn" (pixel) có thể xác định độ phân giải .. hãy thử vẽ MonaLisa chỉ với 9 khối có một màu đơn sắc ... độ phân giải khủng khiếp .. thực hiện với 10.000.000 khối ( pixel) và độ phân giải tốt. Điểm ảnh không thể chuyển đổi sang inch.
Albert Renshaw

"Hãy thử vẽ MonaLisa chỉ với 9 khối màu đơn sắc" chúng tôi đã làm điều này trong trường nghệ thuật với casein.
horatio

Câu trả lời:


29

Chỉ cần nghĩ về pixel như một nguyên tử. Nguyên tử là một hạt nhỏ nhất của vật chất. Trong khi một pixel là một hạt nhỏ nhất của hình ảnh kỹ thuật số.

Một nguyên tử có neutron, proton & electron trong khi một pixel có các giá trị đỏ, lục và lam :)

Số lượng pixel trên mỗi inch hoặc centimét (cm), vv được gọi là "độ phân giải".

Độ phân giải cao hơn có nghĩa là nhiều pixel hơn trên mỗi đơn vị chiều dài.

Nếu bạn đang thiết kế cho web / máy tính để bàn, bạn có thể nói 1 Inch = 72 pixels

Đối với in offset (thường sử dụng độ phân giải 300), bạn có thể nói 1 inch = 300 pixels

Độ phân giải in được gọi là DPI có nghĩa là "số chấm trên mỗi inch". Điểm ảnh là các dấu chấm. Số lượng chấm càng cao, kết quả in sẽ càng mịn.

Bây giờ khách hàng của tôi đang yêu cầu biểu ngữ 1900x1200px. Tôi nên thực hiện chuyển đổi như thế nào?

Nếu khách hàng của bạn cung cấp cho bạn kích thước bằng pixel, thì đó phải là thứ dành cho máy tính để bàn / web và bạn có thể thiết kế nó ở độ phân giải 72.

Nếu anh ta yêu cầu một cái gì đó để in thì bạn phải hỏi anh ta độ phân giải hoặc kích thước tính bằng inch, cm, v.v.


11
Nguyên tử = pixel. Thật là một sự tương đồng tuyệt vời!
TorpedoBench

5
vi.wikipedia.org/wiki/Subpixel_Vndering chia tách các nguyên tử của bạn
Pete Kirkham

3
@PeteKirkham Atom có ​​neutron, Proton & Electron trong đó Pixel có các giá trị Đỏ, Xanh lục & Xanh lam :)
Fahad Ur Rehman

1
@ user1021726 quark không phải là vấn đề. Subpixels cũng có cấu trúc bên trong, ví dụ hai phân cực, tinh thể lỏng ở giữa, các bóng bán dẫn màng mỏng tạo ra điện trường để thay đổi trạng thái của tinh thể lỏng - chúng có thể được đặt tên là "quark" trong tương tự được sử dụng ở đây.
Ruslan

1
Có một lỗi nhỏ phổ biến ở đây với DPI khi in: DPI trong in là độ phân giải của máy in (ví dụ 1200), đó là PPI (pixel trên inch) được mô tả ở đây, xem Sự khác biệt giữa DPI (số chấm trên mỗi inch) và PPI (pixel trên inch)?
user56reinstatemonica8

13

Nếu một khách hàng của tôi yêu cầu một hình ảnh 1920x1080px, điều đầu tiên tôi cần biết mục đích sử dụng. Là cho web, in, hoặc cả hai?


Trong thế giới in, một pixel (hoặc thành phần hình ảnh - [hình-el]) không có ý nghĩa hoặc định nghĩa. Điểm ảnh không thể được đo bằng bất kỳ cách nào. Họ không có kích thước hoặc đơn vị được xác định trước để tính kích thước của họ. Do đó không phải là một thuật ngữ "thế giới thực". Chúng đúng là một thuật ngữ kỹ thuật số và chỉ đề cập đến thế giới kỹ thuật số.

Theo nghĩa rộng, pixel là điểm nhỏ trên màn hình hoặc màn hình được tô màu bởi ánh sáng, có thể là đèn nền (CRT), LED, Plasma hoặc các công nghệ khác. Mỗi điểm nhỏ, màu khác nhau (pixel) khi được đặt cùng nhau tạo thành một hình ảnh cho mắt người. Để sử dụng một sự tương tự trong thế giới thực, hãy nghĩ về nó giống như một bức tường gạch ... mỗi pixel sẽ là một viên gạch ... hình ảnh sẽ là bức tường.

Trong nhiều ứng dụng và đối với nhiều người, 1 Pixel = 1 Điểm. (Adobe thậm chí sử dụng lý thuyết này.) Tuy nhiên, điều này cũng không hoàn toàn chính xác. Một điểm đơn giản là đơn vị đo lường nhỏ nhất được sử dụng bởi hầu hết các nhà thiết kế trong thế giới thực, trái ngược với thế giới kỹ thuật số.

Không có thứ gì như 1 inch = 72px hay bất cứ thứ gì thậm chí đóng từ xa. Mỗi màn hình trên trái đất có mật độ điểm ảnh khác nhau . Số lượng pixel vừa với một inch hoàn toàn phụ thuộc vào mật độ pixel của màn hình.

Khi làm việc trong Photoshop cho web, những gì bạn nhập vào Resolutiontrường cho một tài liệu mới phần lớn không liên quan. Một hình ảnh dành cho web (hoặc màn hình) sẽ sử dụng chiều rộng và chiều cao pixel của nó và hoàn toàn không tham chiếu cài đặt Độ phân giải. Xem ở đây để biết thêm thông tin về độ phân giải (ppi) và web / màn hình: Có bắt buộc phải giữ hình ảnh ở 72DPI cho thiết kế web không? Đối với web, sự khác biệt duy nhất mà trường độ phân giải cung cấp là nó cho phép bạn tạo ra công việc chi tiết hơn trong Photoshop. Nhưng khi đầu ra, trường độ phân giải bị bỏ qua, sử dụng Save for Web. Nếu bạn sử dụng Exportchứ không phải Save for Webđộ phân giải được sử dụng để thay đổi chiều rộng pixel và chiều cao pixel của hình ảnh dựa trên Hệ điều hành của bạncủa tất cả mọi thứ. Các ứng dụng Macintosh cho rằng mỗi inch có 72 pixel trong đó và ứng dụng Windows giả định mỗi inch có 96 pixel trong đó. Cả hai điều này đều không thực sự chính xác hay đúng, nhưng các kỹ sư đã phải sử dụng một cái gì đó . Vì vậy, độ phân giải cao hơn Exportsẽ dẫn đến chiều rộng pixel và chiều cao pixel lớn hơn.

Bây giờ, nơi in đáp ứng pixel ..... độ phân giải hoặc số chấm trên mỗi inch (DPI). DPI về cơ bản là mật độ điểm được tạo ra bởi một trình tạo hình ảnh (hoặc bộ lọc) khi xuất ra các bản in. Tất cả các hình ảnh được in cần phải trải qua một quá trình tách đôi . Ngoài màn hình dòng cụ thể hoặc Lines Per Inch (LPI) xác định số lượng hàng sẽ được in. Mật độ của các chấm trong halftone xác định mức độ chi tiết và chất lượng trong chính hình ảnh. Một halftone có DPI và LPI cao hơn sẽ trông tốt hơn nhiều so với một halftone với DPI thấp và LPI thấp. Nếu tìm kiếm bất kỳ mối tương quan giữa màn hình và in ấn, người dùng phổ biến nhất tìm thấy một chút logic là nghĩ rằng 1 pixel = 1 chấm. Đây không phải làhoàn toàn chính xác, nhưng nó đủ gần để nó không thành vấn đề nếu giả định này được sử dụng. Đây là nơi mọi người trao đổi các thuật ngữ PPI và DPI nghĩ rằng chúng giống nhau. Trên thực tế, chúng không giống nhau chút nào, nhưng không có tác hại lớn trong suy nghĩ.

Đối với công việc in, Resolutiontrường trong cửa sổ tài liệu mới của Photoshop là rất quan trọng. Thông thường bạn muốn độ phân giải 260 hoặc tốt hơn để in ảnh. Điều này tương đương với 260DPI, đây là cài đặt tối ưu cho 175LPI (màn hình dòng chung). 300dpi được sử dụng thường xuyên nhất vì đó là số tròn đẹp, đồng đều để ghi nhớ và DPI nhiều hơn không bao giờ là vấn đề. Tính toán tổng thể thực sự gấp 1,5 lần LPI bằng DPI. Vậy 1,5 x 175 = 262,5. Vì vậy, nó được làm tròn lên đến 300dpi.

Nếu bạn biết mục đích sử dụng .....

  • Nếu đó là cho web hoặc màn hình, chỉ cần tạo một tài liệu mới ở 1920x1080px và bất kỳ độ phân giải nào bạn muốn. Độ phân giải cao hơn sẽ cho phép bạn làm việc chi tiết hơn trong Photoshop, nhưng nó sẽ không thay đổi đầu ra web / màn hình của hình ảnh. Bất kể độ phân giải (ppi), hình ảnh vẫn sẽ xuất ra ở 1920x1080 pixel (sử dụng Save for Web).

  • Nếu hình ảnh là để in hoặc cả hai, tôi sẽ sử dụng Photoshop để cho tôi ý tưởng về kích thước vật lý khi in. Chỉ cần tạo một tài liệu mới với các phép đo 1920x1080 và chèn 300 cho độ phân giải.

nhập mô tả hình ảnh ở đây

Bây giờ chuyển "pixel" thả xuống Inches:

nhập mô tả hình ảnh ở đây

Điều này đang sử dụng lý thuyết 1px = 1pt nội bộ của Adobe, cũng tốt như bất kỳ. Nhưng nó cung cấp cho bạn một ý tưởng chung rằng hình ảnh sẽ có kích thước khoảng 6,5 "x3,5". Sau đó, tôi sẽ kiểm tra với khách hàng để xác minh rằng hình ảnh 6,5x3,5 sẽ phù hợp với nhu cầu của họ.

Xin chào [khách hàng],

Một hình ảnh 1920x1080 pixel tương đương với khoảng 6,5x3,5 inch cho sản xuất in. Là kích thước đó sẽ làm việc cho bạn? Tôi có nên đi lớn hơn để in?

Cảm ơn!


1
Có lẽ tôi đã đọc sai, nhưng không phải thế này: So a higher resolution upon Export will result in a larger pixel width and pixel height.điều ngược lại với những gì sẽ xảy ra? Không có độ phân giải cao hơn dẫn đến các pixel nhỏ hơn khi xuất?
rockerest

2
Không. Một pixel là một pixel, không có thứ gì như pixel nhỏ hơn hay lớn hơn. Điểm ảnh không có kích thước. Độ phân giải cao hơn dẫn đến hình ảnh lớn hơn khi xuất khẩu. Nếu một hình ảnh được đặt ở 300ppi, đó là 300 pixel mỗi inch, nhưng ở 72ppi (Mac) chỉ 72 pixel mỗi inch, hoặc ở 96ppi (Win) là 96 pixel mỗi inch. Khi xuất không có "mỗi inch" nên mật độ pixel không phải là một yếu tố và các pixel phải được đặt cạnh nhau trong các cột và theo chiều dọc trong các hàng. Đương nhiên 300 mặt hàng sẽ chiếm nhiều chiều rộng và chiều cao hơn 72 hoặc 96 mặt hàng.
Scott

2
@scott thực sự có các pixel có kích thước khác nhau ... nhưng đó là trong bối cảnh của phần cứng màn hình (màn hình) chứ không phải dữ liệu hình ảnh. Trong đó đôi khi 1px (dữ liệu hình ảnh) được dịch sang phần cứng 1px, người ta có thể nói rằng các pixel có kích thước khác nhau. Ngoài ra, bạn thường có thể thay đổi độ phân giải pixel của màn hình, do đó, trên thực tế, bạn đang thay đổi 'kích thước' của các pixel. Tôi biết rằng đó là một chút pedantic, mặc dù.
DA01

2
Đã đồng ý. Sự nhầm lẫn là bối cảnh. Nếu chúng ta đang nói dữ liệu hình ảnh, đó là một điều, nếu chúng ta đang nói phần cứng hiển thị, đó là một điều khác. Ý TƯỞNG CỦA AI LÀ NÓ SỬ DỤNG HẠN HẠN CHO CẢ HAI!? :)
DA01

2
CẢNH BÁO: Nếu họ muốn full HD thì họ có thể sử dụng nó cho khung hình video! Trong trường hợp đó là một món súp hoàn toàn khác nhau.
joojaa

6

Có một bài báo khoa học máy tính (thực sự là một bản ghi nhớ vui nhộn) có tiêu đề: "Một pixel không phải là một hình vuông nhỏ" của Alvoy Ray Smith.

Một pixel là một mẫu điểm . Nó chỉ tồn tại ở một điểm. Đối với một hình ảnh màu, một pixel thực sự có thể chứa ba mẫu, một mẫu cho mỗi màu chính đóng góp vào hình ảnh tại điểm lấy mẫu. Chúng ta vẫn có thể coi đây là một mẫu điểm của một màu. Nhưng chúng ta không thể nghĩ về một pixel như một hình vuông hay bất cứ thứ gì khác ngoài một điểm.

Một pixel không phải là một hình vuông nhỏ,
một pixel không phải là một hình vuông nhỏ,
một pixel không phải là một hình vuông nhỏ!
(Và một Voxel không phải là một khối nhỏ)


Có lẽ nhiều hơn so với các poster ban đầu cần thiết, nhưng một đọc thú vị cho mọt sách đồ họa web!
AmeliaBR

OP yêu cầu giải thích "chính xác". Tôi không biết chính xác hơn. :)
John Zabroski

vâng đúng vậy và đây là một vấn đề ngay cả adobe đang bị ... Đó là một khái niệm rất quan trọng. Và bằng cách này, adobe không cung cấp cho bạn tùy chọn hoặc trình quay phim chân thành rõ ràng là vượt trội.
joojaa

4

Thuật ngữ "pixel" là viết tắt của "yếu tố hình ảnh".

Một hình ảnh bao gồm các pixel, chỉ là các chấm màu trong một hình chữ nhật, không có kích thước .
Để hiển thị hình ảnh, chúng tôi sử dụng một màn hình có thể hiển thị các chấm màu và cần quyết định những chấm nào chúng tôi muốn hiển thị ở đâu .


Nhìn vào các chi tiết, hình ảnh bao gồm các chấm riêng biệt, mỗi chấm có một màu riêng biệt. Giống như khi bạn điền vào các ô trên giấy quadrille bằng màu sắc, mỗi ô sẽ có một ô. Ngoại trừ - quan trọng - rằng không có giấy (có kích thước) và các hộp không có kích thước vật lý. Nó chỉ là về chấm màu nào bên dưới hoặc bên phải của cái khác .

Nếu bạn nghĩ về kích thước của hình ảnh trên màn hình, thì giống như hiển thị "tờ giấy" này trên màn hình - nhưng chúng tôi không biết nó thực sự "lớn" đến mức nào, tính theo inch hoặc mm.

Khi chúng ta muốn hiển thị hình ảnh trên màn hình, chúng ta thấy màn hình cũng có các "hộp" có thể hiển thị màu sắc. Cả hai đều được gọi là pixel - nhưng về mặt kỹ thuật, chúng là một cái gì đó khác nhau.

Điều đơn giản nhất chúng ta có thể làm là gán từng mẫu được tô màu của chúng ta "tờ giấy" vào một hộp màu trên màn hình.
Sau đó, kích thước trên màn hình, tính bằng centimet thực tế, phụ thuộc vào độ lớn của các chấm trên màn hình .

Nếu chúng ta cần một kích thước nhất định, chúng ta có thể làm điều gì đó khác biệt:
Chúng ta có thể tự quyết định hình ảnh nên lớn như thế nào . Chúng ta cần biết các chấm màn hình lớn như thế nào. Sau đó, với mỗi hàng, chúng ta có thể tính toán có bao nhiêu chấm màn hình chúng ta có thể sử dụng cho các chấm màu của mình. Để làm cho nó phù hợp, nếu chúng ta có nhiều chấm màn hình hơn các chấm màu, chúng ta cần sử dụng một số chấm màu nhiều lần hoặc nếu chúng ta có ít hơn, hãy bỏ qua một số.


4

Thêm một sự nhầm lẫn để hoàn thành cuộc thảo luận:

Trong thiết kế và bố cục trang web, một "pixel CSS" luôn bằng 1/96 của "CSS inch" , bất kể độ phân giải màn hình. Điều này được thực hiện bởi vì rất nhiều trang web ban đầu sử dụng các phép đo dựa trên pixel để bố trí giả định độ phân giải màn hình tiêu chuẩn. Để kích thước thực tế của văn bản và nội dung khác vẫn nhất quán, các trình duyệt web tìm thấy sự chuyển đổi xấp xỉ giữa các pixel màn hình và các đơn vị "px" bố trí và điều chỉnh cách diễn giải của chúng để luôn có tỷ lệ nhất quán giữa "px" và " trong". Điều tương tự cũng xảy ra với tất cả các đơn vị dựa trên inch, chẳng hạn như "pt" cho phông chữ - cỡ chữ 12pt luôn bằng cỡ chữ 16px .

Giờ đây, độ phân giải màn hình thường tốt hơn nhiều so với 96px-inch, khái niệm "chấm" đã được mượn từ thế giới in để nói về độ phân giải vật lý thực tế của màn hình. Thậm chí còn có một đơn vị chấm trên mỗi pixel (dppx) để mô tả độ phân giải vật lý tỷ lệ thuận với pixel CSS tiêu chuẩn. Ví dụ: màn hình Mac & iPhone "Retina" mới có độ phân giải 2dppx.

Đối với tình huống của bạn, tôi lặp lại lời khuyên của người khác: yêu cầu khách hàng của bạn làm rõ những gì cần thiết. Điều đó nói rằng, nói chung nếu ai đó yêu cầu nghệ thuật đo pixel, họ đang sử dụng nó cho các trang web. Tạo hình ảnh của bạn với kích thước pixel chính xác mà họ yêu cầu và đặt phần mềm chỉnh sửa hình ảnh của bạn sử dụng độ phân giải 96dpi để bố trí thước kẻ và kích thước văn bản theo đơn vị bạn cảm thấy thoải mái khi sử dụng.

Điều đó nói rằng, có thể không thực sự tạo ra hình ảnh của bạn ở độ phân giải gấp đôi (tức là 192dpi), để có một phiên bản phù hợp với màn hình Retina nếu khách hàng của bạn phát hiện ra rằng họ muốn nó. Sau đó, phần mềm hình ảnh của bạn sẽ có một cách dễ dàng để bạn lưu hình ảnh của mình ở độ phân giải thấp hơn & kích thước tệp nhỏ hơn. Thật dễ dàng để chuyển đổi một hình ảnh sang độ phân giải thấp hơn so với ngược lại!


Mặc dù đúng, CSS Pixels là một đơn vị đo lường cụ thể cho CSS, vì vậy thực sự không liên quan đến khái niệm pixel hình ảnh.
DA01

Đúng, nhưng bất kỳ khách hàng nào đang yêu cầu làm việc với kích thước pixel có thể đang sử dụng nó cho web. Tôi chắc chắn không có ý trình bày câu trả lời này như một sự thay thế cho những người khác, mà chỉ là một cái gì đó để thêm.
AmeliaBR

@AmeliaBR: Tôi nghĩ đó là thông tin quan trọng, OP đang hỏi từ vị trí thiếu hiểu biết ngây thơ và có rất nhiều khía cạnh của vấn đề, đặc biệt là khi cố gắng thu thập thông tin không chính thức.
horatio

2

Inch là kích thước vật lý trong khi pixel là kích thước màn hình. Ở cùng độ phân giải, một pixel lớn hơn về mặt vật lý trên màn hình lớn hơn, vì mật độ hoặc PPI (pixel trên inch) được kiểm soát bởi kích thước vật lý của màn hình so với độ phân giải. Vì vậy, khi chuyển đổi pixel thành inch, tất cả đều thuộc về số pixel bạn muốn trên mỗi inch (PPI). Nếu bạn muốn 300ppi (tiêu chuẩn để in), bạn chỉ cần nói "ép 300 pixel vào một inch thế giới thực". Điều này dẫn đến chất lượng dày hơn so với khi bạn yêu cầu 72ppi, vì ít pixel tương đương với thông tin chất lượng ít hơn được nhồi nhét vào inch đó.

Màn hình thường được coi là 72ppi, nhưng đây chỉ là mặc định và hoàn toàn không liên quan đến kích thước thực tế của màn hình của bạn. Độ phân giải 1920x1080 tương tự có thể là 10ppi trên màn hình sân vận động hoặc 400ppi trên điện thoại di động.


2

Một pixel không có mối tương quan với các phép đo trong thế giới thực. Như vậy, không có cách nào để chuyển đổi inch thành pixel theo bất kỳ cách nhất quán nào. Tất cả đều tùy tiện và phụ thuộc vào những gì bạn đang làm với hình ảnh int anh ấy kết thúc.

Có gì một điểm ảnh trong bối cảnh của một hình ảnh kỹ thuật số? Đó là yếu tố độc đáo nhỏ nhất trong ảnh. Nó sẽ có một màu được gán cho nó. Theo nghĩa đen, nó đề cập đến một "yếu tố hình ảnh" cá nhân .


2

Hãy tưởng tượng bạn có một bóng đèn mà bạn có thể bật và tắt. Về cơ bản, đây là màn hình hiển thị 1x1 pixel, trong đó bóng đèn là pixel. Bây giờ mua thêm một vài bóng đèn và sắp xếp chúng theo hình vuông 10x10. Nếu bạn nối chúng theo cách mà bạn có thể bật và tắt từng cái trong số chúng theo ý muốn, bạn có một màn hình thô với 10 x10 "pixel". Bạn thậm chí có thể vẽ các hình cơ bản trên nó.

Bây giờ nếu bạn di chuyển đủ xa khỏi màn hình bóng đèn này, mắt cuối cùng không còn có thể phân biệt giữa các bóng đèn riêng lẻ đó và tất cả những gì bạn sẽ thấy là một hình dạng liên tục thay vì các pixel riêng lẻ. Điều này xảy ra, bởi vì mắt có độ phân giải quét hạn chế, nếu có nhiều chấm (bóng đèn) trên mỗi inch hơn mắt có thể nhận ra, các pixel biến thành hình ảnh. Độ phân giải của mắt bạn là khoảng 300 điểm / inch (DPI). Nếu bạn lấy một chiếc kính lúp và nhìn vào màn hình của mình, bạn sẽ thấy rằng nó cũng bao gồm các bóng đèn nhỏ (LCD), chỉ nhiều hơn nữa. Khoảng 2.073.600 (1920x1080) trên màn hình full HD, gấp ba lần, vì có một màu cho mỗi màu RGB, mà mắt bạn không thể nhìn thấy, vì chúng quá nhỏ.

Bây giờ rõ ràng những gì mắt bạn có thể cảm nhận là các chấm riêng lẻ hay không không chỉ phụ thuộc vào sự sắp xếp của các chấm (chúng gần nhau như thế nào) mà còn ở khoảng cách bạn đến "màn hình" đó. Đó là lý do tại sao DPI là một thuật ngữ tương đối theo nhiều cách. Nếu bạn chụp cùng một màn hình và quá gần, bạn có thể thấy các pixel. Nếu bạn ở quá xa, bạn không còn có thể đọc những gì trên màn hình, mặc dù DPI và độ phân giải (lượng pixel) không bao giờ thay đổi.

Vì lý do này và một số lý do khác trong quá trình tạo ra máy tính đầu tiên, màn hình có độ phân giải tiêu chuẩn 72 DPI (Apple) hoặc 96 DPI (Microsoft) đã được chọn. Đây là một sự thỏa hiệp tốt giữa khoảng cách người dùng dự kiến ​​sẽ cách xa màn hình và các giới hạn kỹ thuật từ độ tuổi đó. Nhưng ngay cả ngày nay, hầu hết các màn hình đều tuân theo độ phân giải đó. Đó là lý do tại sao màn hình càng lớn thì lượng pixel càng cao.

Bây giờ nếu bạn biết độ phân giải DPI của màn hình, rất dễ dàng để tìm ra có bao nhiêu pixel trong mỗi inch vuông. Ví dụ, nếu bạn muốn vẽ một hình vuông 1x1 inch² trên màn hình, bạn có thể dễ dàng xác định hình ảnh này có bao nhiêu pixel (72x72 hoặc 96x96). Nhưng một điều hiển nhiên là hình ảnh này sẽ lớn hơn hoặc nhỏ hơn trên các màn hình khác có độ phân giải DPI khác. Văn bản có thể đọc được trên màn hình 24 at ở 96 DPI có thể quá nhỏ trên iPhone 4 "ở 300 DPI, bởi vì 96 pixel (1 inch) trên 24" chỉ là vài mm trên điện thoại.

Vì vậy, nếu khách hàng của bạn yêu cầu bạn tạo một hình ảnh ở 1900x1200 px, câu hỏi đầu tiên từ bạn nên là: cho thiết bị nào?

Để giải quyết vấn đề nan giải của các trang web hoặc ứng dụng được cho là trông đẹp trên các thiết bị khác nhau, các định dạng đã được phát minh không hoạt động với pixel mà có chiều dài tính bằng cm hoặc mm. Hình ảnh thu được sau đó được hiển thị theo khả năng của thiết bị, đảm bảo rằng hình vuông 10 x 10 cm vẫn là 10 x10 cho dù nó được hiển thị trên màn hình nào. Nhưng định dạng này rõ ràng không thể là định dạng pixel, mà sẽ là định dạng vector .

Mặc dù điều này giải quyết vấn đề Mac / Windows / Khác, nhưng nó sẽ không giải quyết được sự khác biệt lớn về kích thước. Hình ảnh ví dụ của bạn sẽ là 10 x 10 cm trên mỗi thiết bị, nhưng có thể bao phủ toàn bộ màn hình trên điện thoại di động. Vấn đề này vẫn chưa được giải quyết hoàn toàn, nhưng hầu hết các công ty đều có một số hình thức giải pháp cho nó. Nhưng trong hầu hết các trường hợp, bạn thực sự cần phát triển ít nhất hai trang, một cho máy tính để bàn tiêu chuẩn, một cho điện thoại di động và cuối cùng là một cho máy tính bảng.


Tôi tò mò về tuyên bố thị giác. Với kích thước 50 cm (khoảng 20 inch), mẫu đường kẻ đen / trắng nhỏ nhất mà một người có "tầm nhìn vượt trội" có thể phân biệt là khoảng 100 micromet (chiều rộng của một sợi tóc người). 300dpi có khoảng cách điểm xấp xỉ 85 micromet.
horatio


300 dpi là con người trung bình. Có những người có thị lực tốt hơn, nhưng ở độ phân giải này, điều này hiếm khi xảy ra, vì hầu hết mọi người đều gặp khó khăn khi nhìn thấy các pixel riêng lẻ ở 100 dpi.
TwoThe

Tôi nghĩ rằng liên kết của tôi xác nhận những gì bạn nói ngoại trừ định nghĩa "trung bình" của bạn là những gì họ gọi là "cấp trên"
horatio

2

Đã có một loạt các câu trả lời hữu ích, nhưng tôi muốn có thể giải thích điều này theo một cách khác.

Bằng cách yêu cầu hình ảnh 1900x1200 pixel, khách hàng của bạn không thực sự cho bạn biết bất cứ điều gì về kích thước họ cần. Quên mất từ ​​"pixel" trong giây lát, khách hàng chỉ đơn giản là cho bạn biết họ cần bao nhiêu chi tiết (nghĩa là độ phân giải). Họ có thể chỉ đơn giản là có ý định kích thước nó tự khi họ yêu cầu.

Nếu bạn cần sử dụng inch cho mục đích riêng của mình , vì bạn thấy rằng phép đo dễ xử lý hơn trong quá trình phát triển đồ họa của mình, thì chỉ cần sử dụng chúng. Sử dụng đồ họa vector (Corel Draw là một công cụ vector), bạn may mắn không cần phải lo lắng nhiều về pixel cho đến khi đến lúc phải lưu hình ảnh phẳng.

Để an toàn, hãy bắt đầu với kích thước vải có cùng tỷ lệ khung hình: 1900x1200 là tỷ lệ 16:10, do đó, 16 inch x 10 inch nên hoạt động. Khi đến lúc lưu hoặc xuất hình ảnh phẳng ("raster" hoặc bitmap), bạn có thể chọn kích thước 1900x1200 pixel.

Tôi không quen thuộc cụ thể với Corel, vì vậy tôi không thể cho bạn biết chính xác cách nhập các cài đặt này, nhưng chúng hoàn toàn có khả năng ở đó.


Đối với "pixel là gì" , câu trả lời cho biết nó gần giống với "nguyên tử" là khá tốt. Mặc dù nếu chúng ta muốn hoàn toàn hậu môn, chúng ta có thể nói chính xác hơn một pixel là một phân tử :

Một phân tử là phần nhỏ nhất của một chất vẫn thể hiện các tính chất của chất đó và pixel là phần nhỏ nhất của màu vẫn thể hiện màu đặc biệt đó . Nhỏ hơn thế, bạn bắt đầu thấy các màu khác được trộn lẫn để đạt được màu mục tiêu.

Điểm ảnh có thể được sắp xếp theo đủ mọi cách, do đó chúng không đại diện cho bất kỳ chiều thực nào. Trong bản in, chúng có thể là 300 chấm trên mỗi inch (DPI), trong trường hợp đó, các pixel rất gần nhau - hoặc trên màn hình chúng có thể là 72 DPI, nghĩa là chúng cách xa nhau hơn. Nhân tiện, tôi phải giả định rằng 1900x1200 được dành cho một màn hình, vì đây là một trong những độ phân giải màn hình tiêu chuẩn. Trong trường hợp đó, nó sẽ trông giống nhau cho dù kích thước của nó là bao nhiêu inch, miễn là nó hiển thị toàn màn hình trên màn hình 1900x1200.

Để tắt điều này, kích thước pixel, nói về mặt kỹ thuật, chỉ cho bạn biết bao nhiêu thông tin mà hình ảnh được lưu trữ sẽ chứa. Về việc nó sẽ trông lớn như thế nào , về cơ bản nó không cho bạn biết gì.


0

TL; DR Thực hiện chuyển đổi khi bạn xuất hình ảnh Corel Draw của bạn sang tệp .tif.

Có hai cách để mô tả một hình ảnh trên máy tính: bitmap (còn được gọi là raster ) và vectơ. Một bitmap là một lưới tọa độ mà mỗi tọa độ có một màu cụ thể và mỗi điểm là một pixel. Sự kết hợp của tất cả các điểm trong lưới tạo ra một hình ảnh. Hình ảnh là bitmap; các pixel tương ứng với hạt của phim hoặc các điểm trên cảm biến. Điểm ảnh không có kích thước nội tại: chúng có thể rất nhỏ trong hình ảnh in laser hoặc rất lớn trên màn hình hiển thị khổng lồ. Kích thước của hình ảnh tính bằng pixel cho bạn biết độ phân giải mà nó sẽ trông mượt mà. Hình ảnh có mật độ điểm ảnh cao (số chấm trên mỗi inch, dpi) trông sắc nét, trong khi những hình ảnh có mật độ điểm ảnh thấp trông có vẻ khối. Để thấy sự khác biệt, hãy so sánh Flickr với Minecraft. Phóng to hình ảnh bitmap làm cho các pixel xuất hiện lớn hơn và hình ảnh trở nên khối hơn và kém sắc hơn.

Các vectơ là các mô tả toán học của các hình dạng được sắp xếp trong một hình ảnh. Chúng cũng không có kích thước nội tại, nhưng cách chúng cư xử thì khác. Hình dạng của đồ họa vector không thay đổi khi bạn phóng to, vì nó được tính toán lại để khớp với màn hình.

Corel Draw là một chương trình đồ họa vector và hình ảnh mà bạn tạo ra là các vectơ. Nếu khách hàng của bạn muốn có hình ảnh 1900x1200, bạn sẽ cần chuyển đổi nó thành bitmap khi bạn xuất nó. Điều quan trọng là kích thước của vectơ và kích thước của bitmap là độc lập. Bạn có thể tạo một tệp Corel Draw dài tám feet và xuất nó dưới dạng hình ảnh 400x300 pixel. Hoặc một tệp có hình vuông inch trong Corel Draw có thể được xuất dưới dạng bitmap vuông 10.000 pixel. Tuy nhiên, thay vì yêu cầu kích thước pixel, các chương trình thường yêu cầu bạn chỉ định kích thước và độ phân giải cho bitmap, mặc dù bạn có thể thay đổi đơn vị thành pixel. Điều này cho phép bạn đảm bảo rằng tệp sẽ có độ phân giải hợp lý ở kích thước bạn muốn. Bằng cách yêu cầu một độ phân giải cụ thể, khách hàng của bạn muốn đảm bảo rằng họ có thể sử dụng hình ảnh ở kích thước màn hình lớn hoặc kích thước in nhỏ. Ý tưởng về một hình ảnh kỹ thuật số có kích thước vật lý là lạ, nhưng làm việc với dòng dưới dễ dàng hơn.

Vì vậy, làm cho đồ họa của bạn ở bất kỳ kích thước nào bạn thích và sau đó chỉ định kích thước pixel ngay ở cuối khi bạn xuất nó. Một điều cần chú ý là nếu bạn đưa bất kỳ hình ảnh bitmap nào vào đồ họa, chúng sẽ cần phải có độ phân giải ít nhất là cao như chúng sẽ cần phải có trong hình ảnh cuối cùng. Vì vậy, nếu một nửa chiều rộng của đồ họa của bạn là một bức ảnh, bức ảnh đó cần phải rộng 950 pixel.


0

Các pixel trong CSS (và không phải là một thuộc tính kỹ thuật của phương tiện hiển thị) là các đơn vị có chiều rộng góc rõ ràng. Vì vậy, có thể chuyển đổi pixel, nhưng chỉ theo độ, radian, v.v. Bạn có thể chuyển đổi pixel thành inch, nhưng bạn cần phải biết khoảng cách của inch là bao xa.

Sean B. Palmer có một trang hay về điều này:

Chẳng hạn, mặt trăng từ trái đất rộng khoảng 24,3px. Tháp Eiffel từ cách xa một dặm cao khoảng 550,5px. Điều đó có nghĩa là khi bạn thực hiện ({width: 24.3px}) trong CSS 2.1, bạn đang tạo ra thứ gì đó rộng như mặt trăng.


0

Một pixel là điểm nhỏ nhất trong ảnh. Nó không có kích thước vật lý. Nó nhận được một khi bạn chỉ định độ phân giải theo DPI (số chấm trên mỗi inch) hoặc đơn vị tương tự và hiển thị nó trên một thiết bị tôn vinh độ phân giải này.

Trong thực tế, có nhiều trường hợp kích thước tùy ý do nhà thiết kế hoặc phần mềm không quan tâm / không biết về kích thước / độ phân giải màn hình và / hoặc áp dụng một yếu tố thay đổi kích thước để phù hợp với bề mặt có sẵn.

Hãy nhớ rằng: một pixel không có kích thước được xác định trước. Không giống như một pica.


-1

PSD Tuts có một video giải thích mối quan hệ giữa các pixel ở đây

Điểm ảnh


2
Tôi đã không downvote, nhưng tôi nghi ngờ đó là vì toàn bộ nội dung câu trả lời của bạn nằm trong một liên kết đến một trang web khác. Nếu bạn có thể tóm tắt, bạn sẽ có một câu trả lời tốt.
horatio

-1

Pixel là hình thức nhỏ nhất để hiển thị thiết kế cho một đơn vị hiển thị. Ví dụ: Màn hình hiển thị bao gồm một số pixel tạo thành màn hình trên màn hình của bạn.


Xin chào, và chào mừng đến với GD! Câu trả lời này là một chút ngắn về nội dung. Vui lòng chỉnh sửa nó để có nhiều thông tin và rõ ràng hơn, vì nó không thêm nhiều vào các câu trả lời khác ở đây.
benteh
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.