{"id":4334,"date":"2026-04-20T14:10:17","date_gmt":"2026-04-20T07:10:17","guid":{"rendered":"https:\/\/wpdesign.vn\/subpixel-rendering-pixel-rounding-va-device-pixel-ratio\/"},"modified":"2026-05-04T14:18:51","modified_gmt":"2026-05-04T07:18:51","slug":"subpixel-rendering-pixel-rounding-va-device-pixel-ratio","status":"publish","type":"post","link":"https:\/\/wpdesign.vn\/vi\/subpixel-rendering-pixel-rounding-va-device-pixel-ratio\/","title":{"rendered":"Subpixel Rendering, Pixel Rounding V\u00e0 Device Pixel Ratio"},"content":{"rendered":"\n

B\u00ean trong c\u01a1 ch\u1ebf render c\u1ee7a tr\u00ecnh duy\u1ec7t, vi\u1ec7c x\u1eed l\u00fd c\u00e1c gi\u00e1 tr\u1ecb th\u1eadp ph\u00e2n d\u1eabn \u0111\u1ebfn s\u1ef1 giao thoa t\u1ea5t y\u1ebfu gi\u1eefa Subpixel Rendering, Pixel Rounding v\u00e0 DPR. L\u00e0m ch\u1ee7 ba c\u01a1 ch\u1ebf n\u00e0y l\u00e0 \u0111i\u1ec1u ki\u1ec7n ti\u00ean quy\u1ebft \u0111\u1ec3 duy tr\u00ec t\u00ednh \u0111\u1ed3ng nh\u1ea5t c\u1ee7a giao di\u1ec7n v\u00e0 x\u1eed l\u00fd tri\u1ec7t \u0111\u1ec3 c\u00e1c sai s\u1ed1 hi\u1ec3n th\u1ecb tr\u00ean thi\u1ebft b\u1ecb \u0111\u1ea7u cu\u1ed1i. <\/p>\n\n

1. Subpixel Rendering: C\u01a1 ch\u1ebf t\u00ednh to\u00e1n s\u1ed1 th\u1ef1c<\/h4>\n\n

1.1 Kh\u00e1i ni\u1ec7m<\/h6>\n\n

Subpixel Rendering l\u00e0 c\u01a1 ch\u1ebf x\u1eed l\u00fd c\u1ee7a tr\u00ecnh duy\u1ec7t nh\u1eb1m duy tr\u00ec \u0111\u1ed9 ch\u00ednh x\u00e1c c\u1ee7a c\u00e1c ph\u00e9p t\u00ednh b\u1ed1 c\u1ee5c d\u01b0\u1edbi d\u1ea1ng s\u1ed1 th\u1ef1c (floating-point<\/strong>). Thay v\u00ec ‘s\u1ed1 nguy\u00ean h\u00f3a’ d\u1eef li\u1ec7u t\u1ee9c th\u00ec, Layout Engine b\u1ea3o l\u01b0u c\u00e1c gi\u00e1 tr\u1ecb th\u1eadp ph\u00e2n \u0111\u1ec3 t\u00ednh to\u00e1n v\u1ecb tr\u00ed v\u00e0 k\u00edch th\u01b0\u1edbc ph\u1ea7n t\u1eed m\u1ed9t c\u00e1ch chi ti\u1ebft, gi\u00fap gi\u1ea3m thi\u1ec3u sai s\u1ed1 hi\u1ec3n th\u1ecb khi k\u1ebft h\u1ee3p v\u1edbi c\u00e1c \u0111\u01a1n v\u1ecb linh ho\u1ea1t nh\u01b0 %<\/code> hay vw<\/code>. <\/p>\n\n

1.2 Vai tr\u00f2 trong Layout<\/h6>\n\n

Khi s\u1eed d\u1ee5ng c\u00e1c \u0111\u01a1n v\u1ecb linh ho\u1ea1t nh\u01b0 %<\/code>, vw<\/code>, vh<\/code> ho\u1eb7c h\u00e0m calc()<\/code>, k\u1ebft qu\u1ea3 t\u00ednh to\u00e1n th\u01b0\u1eddng l\u00e0 s\u1ed1 th\u1eadp ph\u00e2n.<\/p>\n\n

    \n
  • V\u00ed d\u1ee5:<\/strong> M\u1ed9t container r\u1ed9ng 1000px<\/code> ch\u1ee9a 3 c\u1ed9t width: 33.3333%<\/code>.<\/li>\n\n\n\n
  • X\u1eed l\u00fd:<\/strong> Tr\u00ecnh duy\u1ec7t s\u1ebd l\u01b0u tr\u1eef k\u00edch th\u01b0\u1edbc m\u1ed7i c\u1ed9t l\u00e0 333.333px<\/code>. N\u1ebfu tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3 subpixel v\u00e0 t\u1ef1 \u0111\u1ed9ng l\u00e0m tr\u00f2n xu\u1ed1ng 333px<\/code>, t\u1ed5ng chi\u1ec1u r\u1ed9ng s\u1ebd ch\u1ec9 c\u00f2n 999px<\/code>, t\u1ea1o ra kho\u1ea3ng tr\u1ed1ng (gap) 1px<\/code> kh\u00f4ng mong mu\u1ed1n. <\/li>\n<\/ul>\n\n
    1.3 Subpixel Text Rendering<\/h6>\n\n

    C\u01a1 ch\u1ebf n\u00e0y ho\u00e0n to\u00e0n kh\u00e1c v\u1edbi Subpixel Anti-aliasing<\/strong> d\u00f9ng trong hi\u1ec3n th\u1ecb v\u0103n b\u1ea3n. Thay v\u00ec coi m\u1ed9t pixel l\u00e0 m\u1ed9t \u0111\u01a1n v\u1ecb m\u00e0u \u0111\u1ed3ng nh\u1ea5t, k\u1ef9 thu\u1eadt n\u00e0y can thi\u1ec7p tr\u1ef1c ti\u1ebfp v\u00e0o c\u00e1c subpixel (R-G-B)<\/strong> b\u00ean trong. Tr\u00ecnh duy\u1ec7t s\u1ebd t\u00ednh to\u00e1n \u0111\u1ec3 k\u00edch ho\u1ea1t c\u00e1c th\u00e0nh ph\u1ea7n m\u00e0u n\u00e0y v\u1edbi m\u1ee9c \u0111\u1ed9 kh\u00e1c nhau, t\u1ea1o ra hi\u1ec7u \u1ee9ng ‘\u0111\u00e1nh l\u1eeba’ m\u1eaft ng\u01b0\u1eddi v\u1ec1 \u0111\u1ed9 m\u1ecbn c\u1ee7a n\u00e9t ch\u1eef. \u0110i\u1ec1u n\u00e0y gi\u00fap lo\u1ea1i b\u1ecf hi\u1ec7n t\u01b0\u1ee3ng r\u0103ng c\u01b0a v\u00e0 duy tr\u00ec \u0111\u1ed9 trung th\u1ef1c c\u1ee7a font ch\u1eef (font integrity) tr\u00ean c\u00e1c m\u00e0n h\u00ecnh c\u00f3 m\u1eadt \u0111\u1ed9 \u0111i\u1ec3m \u1ea3nh kh\u00f4ng qu\u00e1 cao. <\/p>\n\n

    2. Pixel Rounding: S\u1ef1 \u0111\u00e1nh \u0111\u1ed5i khi hi\u1ec3n th\u1ecb th\u1ef1c t\u1ebf<\/h4>\n\n
    2.1 B\u1ea3n ch\u1ea5t<\/h6>\n\n

    D\u01b0\u1edbi g\u00f3c \u0111\u1ed9 k\u1ef9 thu\u1eadt, Pixel Rounding l\u00e0 b\u01b0\u1edbc trung gian b\u1eaft bu\u1ed9c \u0111\u1ec3 \u0111\u1ed3ng b\u1ed9 h\u00f3a gi\u1eefa t\u00ednh to\u00e1n l\u00fd thuy\u1ebft v\u00e0 hi\u1ec3n th\u1ecb th\u1ef1c t\u1ebf. Trong khi Engine duy tr\u00ec c\u00e1c gi\u00e1 tr\u1ecb th\u1eadp ph\u00e2n \u0111\u1ec3 b\u1ea3o to\u00e0n c\u1ea5u tr\u00fac b\u1ed1 c\u1ee5c, th\u00ec m\u00e0n h\u00ecnh v\u1eadt l\u00fd ch\u1ec9 c\u00f3 th\u1ec3 t\u00e1i t\u1ea1o h\u00ecnh \u1ea3nh d\u1ef1a tr\u00ean c\u00e1c \u0111\u01a1n v\u1ecb \u0111i\u1ec3m \u1ea3nh nguy\u00ean v\u1eb9n. Do \u0111\u00f3, c\u00e1c gi\u00e1 tr\u1ecb logic s\u1ebd \u0111\u01b0\u1ee3c \u00e1nh x\u1ea1 v\u00e0 l\u00e0m tr\u00f2n th\u00e0nh c\u00e1c Physical Pixels<\/strong> t\u01b0\u01a1ng \u1ee9ng, \u0111\u1ea3m b\u1ea3o qu\u00e1 tr\u00ecnh Rasterization<\/strong> di\u1ec5n ra kh\u1edbp v\u1edbi l\u01b0\u1edbi pixel c\u1ee7a thi\u1ebft b\u1ecb. <\/p>\n\n

    2.2 C\u00e1c chi\u1ebfn l\u01b0\u1ee3c l\u00e0m tr\u00f2n (Rounding Strategies)<\/h6>\n\n

    M\u1ed7i tr\u00ecnh duy\u1ec7t c\u00f3 thu\u1eadt to\u00e1n l\u00e0m tr\u00f2n kh\u00e1c nhau, d\u1eabn \u0111\u1ebfn s\u1ef1 thi\u1ebfu nh\u1ea5t qu\u00e1n:<\/p>\n\n

      \n
    • Truncation (L\u00e0m tr\u00f2n xu\u1ed1ng):<\/strong> 333.7px<\/code> tr\u1edf th\u00e0nh 333px<\/code>.<\/li>\n\n\n\n
    • Rounding (L\u00e0m tr\u00f2n g\u1ea7n nh\u1ea5t):<\/strong> 333.7px<\/code> tr\u1edf th\u00e0nh 334px<\/code>.<\/li>\n\n\n\n
    • Expansion (L\u00e0m tr\u00f2n l\u00ean):<\/strong> Th\u01b0\u1eddng d\u00f9ng cho border \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o \u0111\u01b0\u1eddng k\u1ebb kh\u00f4ng b\u1ecb bi\u1ebfn m\u1ea5t.<\/li>\n<\/ul>\n\n
      2.3 H\u1ec7 qu\u1ea3 k\u1ef9 thu\u1eadt<\/h6>\n\n
        \n
      • Subpixel Gaps:<\/strong> Xu\u1ea5t hi\u1ec7n kho\u1ea3ng tr\u1eafng li ti gi\u1eefa c\u00e1c ph\u1ea7n t\u1eed n\u1eb1m s\u00e1t nhau.<\/li>\n\n\n\n
      • Jittering:<\/strong> Khi th\u1ef1c hi\u1ec7n Animation (nh\u01b0 transform: translateX<\/code>), ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 b\u1ecb “gi\u1eadt” nh\u1eb9 do gi\u00e1 tr\u1ecb pixel nh\u1ea3y gi\u1eefa c\u00e1c s\u1ed1 nguy\u00ean trong qu\u00e1 tr\u00ecnh render t\u1eebng frame.<\/li>\n<\/ul>\n\n

        3. Device Pixel Ratio (DPR): C\u1ea7u n\u1ed1i ph\u1ea7n c\u1ee9ng<\/h4>\n\n

        3.1 C\u00f4ng th\u1ee9c thi\u1ebft l\u1eadp<\/h6>\n\n

        DPR (Device Pixel Ratio), \u0111\u01b0\u1ee3c truy xu\u1ea5t th\u00f4ng qua thu\u1ed9c t\u00ednh window.devicePixelRatio<\/code>, \u0111\u00f3ng vai tr\u00f2 l\u00e0 m\u1ed9t h\u1ec7 s\u1ed1 t\u1ef7 l\u1ec7 (scaling factor<\/strong>) d\u00f9ng \u0111\u1ec3 tr\u1eebu t\u01b0\u1ee3ng h\u00f3a \u0111\u1ed9 ph\u00e2n gi\u1ea3i ph\u1ea7n c\u1ee9ng. Ch\u1ec9 s\u1ed1 n\u00e0y x\u00e1c \u0111\u1ecbnh m\u1ed1i t\u01b0\u01a1ng quan m\u1eadt \u0111\u1ed9 gi\u1eefa h\u1ec7 t\u1ecda \u0111\u1ed9 logic (CSS Pixels) v\u00e0 l\u01b0\u1edbi \u0111i\u1ec3m \u1ea3nh v\u1eadt l\u00fd (Physical Pixels), cho bi\u1ebft c\u00f3 bao nhi\u00eau \u0111i\u1ec3m \u1ea3nh th\u1ef1c t\u1ebf \u0111\u01b0\u1ee3c tr\u00ecnh duy\u1ec7t huy \u0111\u1ed9ng \u0111\u1ec3 t\u00e1i hi\u1ec7n m\u1ed9t \u0111\u01a1n v\u1ecb pixel trong m\u00e3 ngu\u1ed3n: <\/p>\n\n

        $$DPR = \\frac{\\text{Physical Pixels}}{\\text{CSS Pixels}}$$<\/p>\n\n

        3.2 T\u00e1c \u0111\u1ed9ng \u0111\u1ebfn s\u1ef1 ch\u00ednh x\u00e1c c\u1ee7a Layout<\/h6>\n\n

        Tr\u00ean c\u00e1c m\u00e0n h\u00ecnh m\u1eadt \u0111\u1ed9 \u0111i\u1ec3m \u1ea3nh cao (Retina, HiDPI):<\/p>\n\n

          \n
        • DPR = 2:<\/strong> 1 CSS Pixel t\u01b0\u01a1ng \u1ee9ng v\u1edbi 4 Physical Pixels ($2 \\times 2$).<\/li>\n\n\n\n
        • DPR = 3:<\/strong> 1 CSS Pixel t\u01b0\u01a1ng \u1ee9ng v\u1edbi 9 Physical Pixels ($3 \\times 3$).<\/li>\n<\/ul>\n\n

          M\u00e0n h\u00ecnh c\u00f3 DPR c\u00e0ng cao th\u00ec sai s\u1ed1 do Pixel Rounding c\u00e0ng nh\u1ecf. V\u00ed d\u1ee5, v\u1edbi width: 0.5px<\/code>: <\/p>\n\n

            \n
          • \u1ede DPR = 1<\/strong>, tr\u00ecnh duy\u1ec7t c\u00f3 th\u1ec3 kh\u00f4ng hi\u1ec3n th\u1ecb \u0111\u01b0\u1ee3c (l\u00e0m tr\u00f2n v\u1ec1 0) ho\u1eb7c hi\u1ec3n th\u1ecb m\u1edd nh\u1ea1t th\u00e0nh 1px.<\/li>\n\n\n\n
          • \u1ede DPR = 2<\/strong>, 0.5px<\/code> CSS kh\u1edbp ch\u00ednh x\u00e1c v\u1edbi 1px<\/code> v\u1eadt l\u00fd, gi\u00fap \u0111\u01b0\u1eddng k\u1ebb \u0111\u1ea1t \u0111\u1ed9 s\u1eafc n\u00e9t tuy\u1ec7t \u0111\u1ed1i.<\/li>\n<\/ul>\n\n

            4. B\u1ea3ng so s\u00e1nh t\u1ed5ng h\u1ee3p<\/h4>\n\n
            Ti\u00eau ch\u00ed<\/strong><\/td>Subpixel Rendering<\/strong><\/td>Pixel Rounding<\/strong><\/td>Device Pixel Ratio (DPR)<\/strong><\/td><\/tr><\/thead>
            Giai \u0111o\u1ea1n<\/strong><\/td>Layout Calculation (T\u00ednh to\u00e1n)<\/td>Rasterization\/Painting (V\u1ebd)<\/td>Hardware Interface (Ph\u1ea7n c\u1ee9ng)<\/td><\/tr>
            \u0110\u1ed1i t\u01b0\u1ee3ng<\/strong><\/td>Gi\u00e1 tr\u1ecb s\u1ed1 th\u1ef1c (Float)<\/td>Gi\u00e1 tr\u1ecb s\u1ed1 nguy\u00ean (Integer)<\/td>T\u1ef7 l\u1ec7 m\u1eadt \u0111\u1ed9 \u0111i\u1ec3m \u1ea3nh<\/td><\/tr>
            M\u1ee5c ti\u00eau<\/strong><\/td>\u0110\u1ea3m b\u1ea3o t\u00ednh to\u00e0n v\u1eb9n c\u1ee7a b\u1ed1 c\u1ee5c<\/td>Chuy\u1ec3n \u0111\u1ed5i \u0111\u1ec3 hi\u1ec3n th\u1ecb l\u00ean m\u00e0n h\u00ecnh<\/td>T\u0103ng c\u01b0\u1eddng \u0111\u1ed9 s\u1eafc n\u00e9t (Fidelity)<\/td><\/tr>
            \u1ea2nh h\u01b0\u1edfng UI<\/strong><\/td>Tr\u00e1nh sai s\u1ed1 t\u00edch l\u0169y (Cumulative error)<\/td>G\u00e2y ra l\u1ed7i l\u1ec7ch 1px ho\u1eb7c r\u0103ng c\u01b0a<\/td>Quy\u1ebft \u0111\u1ecbnh \u0111\u1ed9 chi ti\u1ebft c\u1ee7a h\u00ecnh \u1ea3nh<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

            5. C\u00e1c v\u1ea5n \u0111\u1ec1 th\u1ef1c t\u1ebf v\u00e0 Gi\u1ea3i ph\u00e1p t\u1ed1i \u01b0u<\/h4>\n\n

            5.1 L\u1ed7i “1px Gap” trong Grid\/Flexbox<\/h6>\n\n

            Khi chia t\u1ef7 l\u1ec7 ph\u1ea7n tr\u0103m, t\u1ed5ng c\u00e1c gi\u00e1 tr\u1ecb sau khi l\u00e0m tr\u00f2n c\u00f3 th\u1ec3 l\u1edbn h\u01a1n ho\u1eb7c nh\u1ecf h\u01a1n chi\u1ec1u r\u1ed9ng c\u1ee7a cha.<\/p>\n\n

              \n
            • Gi\u1ea3i ph\u00e1p:<\/strong> S\u1eed d\u1ee5ng CSS Grid v\u1edbi \u0111\u01a1n v\u1ecb fr<\/code> (fractional unit). Browser engine s\u1ebd t\u1ef1 \u0111\u1ed9ng \u0111i\u1ec1u ph\u1ed1i c\u00e1c ph\u1ea7n d\u01b0 (remainder) \u0111\u1ec3 l\u1ea5p \u0111\u1ea7y kho\u1ea3ng tr\u1ed1ng hi\u1ec7u qu\u1ea3 h\u01a1n so v\u1edbi vi\u1ec7c t\u00ednh %<\/code> th\u1ee7 c\u00f4ng. <\/li>\n<\/ul>\n\n
              5.2 \u0110\u1ed9 s\u1eafc n\u00e9t c\u1ee7a Border tr\u00ean m\u00e0n h\u00ecnh High-DPI<\/h6>\n\n

              \u0110\u01b0\u1eddng vi\u1ec1n 1px<\/code> tr\u00ean m\u00e0n h\u00ecnh DPR 3 \u0111\u00f4i khi tr\u00f4ng qu\u00e1 d\u00e0y ho\u1eb7c m\u1edd.<\/p>\n\n

                \n
              • Gi\u1ea3i ph\u00e1p:<\/strong> S\u1eed d\u1ee5ng transform: scale(0.5)<\/code> ho\u1eb7c truy v\u1ea5n media query min-resolution<\/code> \u0111\u1ec3 tinh ch\u1ec9nh k\u00edch th\u01b0\u1edbc border theo pixel v\u1eadt l\u00fd.<\/li>\n<\/ul>\n\n
                5.3 Ch\u1ed1ng “Jitter” khi chuy\u1ec3n \u0111\u1ed9ng<\/h6>\n\n
                  \n
                • Gi\u1ea3i ph\u00e1p:<\/strong> K\u00edch ho\u1ea1t l\u1edbp k\u1ef9 thu\u1eadt s\u1ed1 (Hardware Acceleration) b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng will-change: transform<\/code> ho\u1eb7c translate3d(0,0,0)<\/code>. \u0110i\u1ec1u n\u00e0y \u00e9p tr\u00ecnh duy\u1ec7t x\u1eed l\u00fd ph\u1ea7n t\u1eed \u1edf t\u1ea7ng subpixel ch\u00ednh x\u00e1c h\u01a1n trong su\u1ed1t qu\u00e1 tr\u00ecnh chuy\u1ec3n \u0111\u1ed9ng. <\/li>\n<\/ul>\n\n

                  6. K\u1ebft lu\u1eadn<\/h4>\n\n

                  S\u1ef1 k\u1ebft h\u1ee3p gi\u1eefa Subpixel Rendering<\/strong>, Pixel Rounding<\/strong> v\u00e0 DPR<\/strong> t\u1ea1o n\u00ean m\u1ed9t h\u1ec7 th\u1ed1ng ph\u1ee9c t\u1ea1p \u0111\u1ee9ng sau di\u1ec7n m\u1ea1o c\u1ee7a trang web.<\/p>\n\n

                    \n
                  • Subpixel Rendering<\/strong> gi\u1eef vai tr\u00f2 “ki\u1ebfn tr\u00fac s\u01b0” t\u00ednh to\u00e1n c\u00e1c con s\u1ed1 ch\u00ednh x\u00e1c.<\/li>\n\n\n\n
                  • Pixel Rounding<\/strong> l\u00e0 “ng\u01b0\u1eddi th\u1ef1c thi” ph\u1ea3i th\u00edch nghi v\u1edbi gi\u1edbi h\u1ea1n v\u1eadt l\u00fd c\u1ee7a m\u00e0n h\u00ecnh.<\/li>\n\n\n\n
                  • DPR<\/strong> l\u00e0 “th\u01b0\u1edbc \u0111o” quy\u1ebft \u0111\u1ecbnh m\u1ee9c \u0111\u1ed9 chi ti\u1ebft m\u00e0 h\u1ec7 th\u1ed1ng c\u00f3 th\u1ec3 \u0111\u1ea1t t\u1edbi.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                    B\u00ean trong c\u01a1 ch\u1ebf render c\u1ee7a tr\u00ecnh duy\u1ec7t, vi\u1ec7c x\u1eed l\u00fd c\u00e1c gi\u00e1 tr\u1ecb th\u1eadp ph\u00e2n d\u1eabn \u0111\u1ebfn s\u1ef1 giao […]<\/p>\n","protected":false},"author":4,"featured_media":4331,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[25],"tags":[],"class_list":["post-4334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publishing"],"acf":[],"_links":{"self":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/comments?post=4334"}],"version-history":[{"count":1,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4334\/revisions"}],"predecessor-version":[{"id":4336,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/posts\/4334\/revisions\/4336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media\/4331"}],"wp:attachment":[{"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/media?parent=4334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/categories?post=4334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdesign.vn\/vi\/wp-json\/wp\/v2\/tags?post=4334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}