Joomla Templates Club 406,261 posts

[ewebs Friend ewebsJoin date: March 2012Posts: 12Downloads:0Uploads:2 Thanks: 3]

#177828

Hi there,

cant find the correct dimension or right settings for the images in the K2 Articles.
Our Site is : http://e-webs.de/referenzen/

after opening an item .. the first image is very unsharp … have try to change settings … but cant find !
what are the correct settings ?

can anybody pls. help !?

regards

[ewebs Friend ewebsJoin date: March 2012Posts: 12Downloads:0Uploads:2 Thanks: 3]

#456235

nobody can help ? :confused:

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456241

<em>@ewebs 323567 wrote:</em><blockquote>Hi there,

cant find the correct dimension or right settings for the images in the K2 Articles.
Our Site is : http://e-webs.de/referenzen/

after opening an item .. the first image is very unsharp … have try to change settings … but cant find !
what are the correct settings ?

can anybody pls. help !?

regards</blockquote>

Hi ewebs,

Do you want to set a fixed size for image in the opened box (that’s opened when an item is clicked) ? if that you can open the file of
templates/ja_lens/css/layout-tablet.css

There you search for this css

.BlogView .itemImageBlock span.itemImage img {
max-width: 100% !important;
width: 100% !important;
}

Change the width here as you wanted

[jhicks Friend jhicksJoin date: March 2011Posts: 94Downloads:0Uploads:15 Thanks: 29 Thanked: 12 times in 1 posts]

#456299

you could try to scale the image yourself down to 480×320 ish…..

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456309

<em>@jhicks 323893 wrote:</em><blockquote>you could try to scale the image yourself down to 480×320 ish…..</blockquote>

Not sure what you meant, are you asking about image size ?

[ewebs Friend ewebsJoin date: March 2012Posts: 12Downloads:0Uploads:2 Thanks: 3]

#456504

<em>@Sherlock Holmes 323826 wrote:</em><blockquote>Hi ewebs,

Do you want to set a fixed size for image in the opened box (that’s opened when an item is clicked) ? if that you can open the file of
templates/ja_lens/css/layout-tablet.css

There you search for this css

.BlogView .itemImageBlock span.itemImage img {
max-width: 100% !important;
width: 100% !important;
}

Change the width here as you wanted</blockquote>

hi .. thx for reply ..
no i do not want to opem with fixed size.. i wanna use the dynamic width .. but … i wanna have pictures with high resolution…
what is the correct size for an image ?

[ewebs Friend ewebsJoin date: March 2012Posts: 12Downloads:0Uploads:2 Thanks: 3]

#456505

<em>@Sherlock Holmes 323907 wrote:</em><blockquote>Not sure what you meant, are you asking about image size ?</blockquote>

at the moment when i insert an picture .. in k2 … upload .. it would be resized .. and the image will loose sharpness
thats the point .. how do i get these picture clear and with full resolution ?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456585

<em>@ewebs 324145 wrote:</em><blockquote>at the moment when i insert an picture .. in k2 … upload .. it would be resized .. and the image will loose sharpness
thats the point .. how do i get these picture clear and with full resolution ?</blockquote>

Hi ewebs,

I think the pictures display on best quality only if it is not resized and displaying in the original size, if you want a dynamic size I think it’s hard to keep those images from losing sharpness, otherwise you should have images whose size are same as resize size.

I hope you understand 🙂

[swtinning Friend swtinningJoin date: July 2010Posts: 56Downloads:0Uploads:0 Thanks: 14 Thanked: 10 times in 1 posts]

#458783

I have the same problem. My images look great in Photoshop but blurred in K2 article. Same dimensions so there is no resizing. I can see the degradation when changing the image option size from Xsmall to Xlarge but don’t know if there maybe some kind of compression going on within K2. I’ve read the other threads on this but nothing seems to help.

Tried larger images to see if that helps…but nothing.:((

[cplanetdoo Friend cplanetdooJoin date: August 2011Posts: 25Downloads:0Uploads:2 Thanks: 8 Thanked: 5 times in 1 posts]

#458786

Components->K2->parameters->images tab->Quality (%) used when processing images set to 100%

2 users say Thank You to cplanetdoo for this useful post

1. Sherlock
2. Blaine

[swtinning Friend swtinningJoin date: July 2010Posts: 56Downloads:0Uploads:0 Thanks: 14 Thanked: 10 times in 1 posts]

#458899

Thanks, I’ve tried that already. I know that something ‘strang’e is going on because I placed the same image into an article and the resolution is perfect. I’ll revisit my sizes and ratios and reduce the size of the iframe to see what happens.

[swtinning Friend swtinningJoin date: July 2010Posts: 56Downloads:0Uploads:0 Thanks: 14 Thanked: 10 times in 1 posts]

#458936

Tried the following. Went to the demo template and downloaded an image from a K2 article. Opened it in Photoshop and then compared it against the web version. Degradation does occur but JA Lens uses only photos and not perhaps ‘screenshots’ for my various websites which contains sharp text. Therefore I don’t think it’s a suitable template for a web designers portfolio. Bummer!!!:((

Even tried solid boxes of colour for the frontpage, even they couldn’t line up in a straight line which I find baffling?? Only by 1-2 pxs but still annoying.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#459011

Hi swtinning,

Those images are resized by the k2 component itself, you can switch to use any other templates to see the same result, you should try to play with the image settings in the k2 back-end to get those images display better 🙂

1 user says Thank You to Sherlock for this useful post

1. swtinning

[swtinning Friend swtinningJoin date: July 2010Posts: 56Downloads:0Uploads:0 Thanks: 14 Thanked: 10 times in 1 posts]

#459043

Good idea. I’ll give it a go. It’s a good thing really as I’m getting down to learn the awesomeness of K2!:)

[danieljames50 Friend danieljames50Join date: March 2012Posts: 17Downloads:21Uploads:1 Thanks: 2 Thanked: 16 times in 6 posts]

#459587

swtinning-
I also wanted to use JA Lens for a web design portfolio and ran into the same blurry image problem. I found a “solution” – although its not perfect.

Here is what I did:

1. Open layout-tablet.css and change:

.BlogView .itemImageBlock span.itemImage img {
max-width: 100% !important;
width: 100% !important;
}

to

.BlogView .itemImageBlock span.itemImage img {
max-width: auto !important;
width: auto !important;
padding-left: 20px;
}

2. Make all portfolio images 720px wide.

I added the 20px left padding because i noticed the left side of images were being cropped by the script.

You can increase the size of the images but since we’ve changed the width from 100% to auto, they will extend past the end of the screen on tablet devices.

Again, this isn’t a perfect solution but seemed to me it’s an acceptable compromise.

Hope this helped.

2 users say Thank You to danieljames50 for this useful post

1. swtinning
2. Sherlock

[Author]

Posts