مساعدة مع صور خلفيات التصنيفات

الدعم
1

what size background image works best? I have tried over 100 images and gifs, and they all get stretched, and blurry. usually 1/2 the image isn’t even viewable

2

You’re going to want something fairly large in dimension and in a landscape orientation (but watch out for file size too, you don’t want to force everyone to download a huge image).

For example, I accidentally took this photo of my couch. The dimensions are 1920 x 1440 and it fits my screen as a background image (text is unreadable over it, but that’s a separate issue).

IMG_0782
IMG_0782.JPG1920×1440 295 KB

Note that the image is set to background-size: cover; by default — so this means that the image will be scaled-up to fill the entire browser window without repeating the image (and likely cropped somewhat unless my window is in the same 4:3 ratio as the image). Small images will be sized up proportionately until they fit the entire window. You can change this behavior using CSS for the category, for example:

body.category-example {
  background-size: 25%:
}

Now your background image is much smaller, and tiled to fill the screen.

You’ll want to work with background-size, background-repeat, and background-position in your site’s CSS to find out which properties will work for your specific image.

3

Can we add this tip to the UI for the feature, somewhere?

4

i dont see anywhere under the category where CSS is.

image
image530×530 8.96 KB

or am i looking in the wrong places?

5

All of your CSS is controlled under admin > customize > themes, by “CSS for the category” I meant that you can target a specific category because we add CSS classes to the page when relevant.

So in the case of a category named “Other” we add the .category-other class to the page’s body tag, so you can use something like this in your general customizations to target that specific category.

body.category-other {
  // your CSS for the category here
}
8

ما هو الحجم الموصى به لخلفية الفئة، مثل العرض؟

أيضًا، أبحث عن الأحجام الموصى بها لصورة الفئة.

9

كلاهما يختلف بشكل كبير اعتمادًا على التأثير الذي تحاول تحقيقه…

بالنسبة لصور الخلفية… ربما تكون بأقصى عرض ممكن مع الحفاظ على حجم الملف معقولًا (لنقل أقل من 150 كيلو بايت تقريبًا؟ يمكن لخدمة مثل https://tinypng.com/ المساعدة في تقليل حجم الملف). على الأرجح في نطاق العرض من 1440 بكسل إلى 1920 بكسل…

أما بالنسبة لشعارات الفئات أو صورها، فأنا شخصيًا أفضل المربعات، بحجم حوالي 150 بكسل تقريبًا… ولكن إذا كنت تقوم بتخصيص التخطيط بشكل مختلف، فإن أي حجم أو اتجاه يمكن أن يعمل بشكل جيد.

10

نظرًا لوجود بعض القيود على هذا الموقع، أستخدم أحيانًا https://pngquant.org/. يتوفر له ملف تنفيذي ويقوم بنفس المهمة دون هذه القيود، وأعتقد أنه يستخدم نفس طريقة الضغط.