I face an issue with TYPO3 v7.6.19 that given size information (height / width) are not recognized / taken into account in frontend output.
System-information:
TYPO3 v7.6.19 with styled_content_information
Does someone know a typoscript snippet or a patch for the system or how to solve the issue?
I did a search an extended search with google but didn't find anything feasible.
yes, ImageMagick is up and running. All tests in the install tool are successfully. All example pictures are shown properly.
The element was already there (given by some admin) and it is a normal content element (TextWithImage). It is set that the width of the image should has a size of 200px but the image is not decreased to this size.
It was working before but since we did a minor upgrade vom Version 7.6.16 to 7.6.19 it is not anymore working.
Best regards
Udo
Related
I have opened a lot of files in Sublime text. Now it is very difficult to read file names. It is showing just few letters of each file name. Attaching screen shot for better understanding.
How can I see full name of each file? I wanted to fit full name of each file on screen. I don't want to hover over the file to see its full name.
You could edit Packages/Theme - Default/Default.sublime-theme and change tab_min_width to a higher value (and save it and restart ST or resize the window to see the change) or use a different theme which has a wider minimum tab width.
However, I'd highly recommend upgrading to ST3 - there is a new setting added in build 3048 called enable_tab_scrolling which will help keep tabs wider, and enable you to see them all.
I keep running up against poor quality in my uploaded images on this site: http://www.rfm-inc.com.
Particularly with the slider image on the home page.
When I inspected, I noticed some HTML that says.
<img src="http://rfm-inc.com/wp-content/uploads/2016/10/Windmill2-1140x713.jpg" alt="windmill2" width="1140" title="Our machines. Our team. Your big ideas." class="woo-image slide-image" draggable="false">
Wordpress seems to be drawing on a different image than the original (which is at "http://rfm-inc.com/wp-content/uploads/2016/10/Windmill2.jpg".
When I change the inspector text to this, it works fine.
I'd like to turn this feature off completely, and rely only on my Photoshop and CSS skills to get the desired result.
Anyone know how to do this?
Thanks!
When you upload an image WP automatically saves the original file plus it also creates a series of thumbnails in different sizes. These smaller images will then be uses on your theme templates when needed in order to load the optimum size image every time and improve the load speed of your site.
By default, WordPress saves the “full” size, “large”, “medium” and “thumbnail”, and you can control the px size of these from Settings -> Media.
Now that being said the reason why you are seeing some images pixelated is because your theme is loading a WP generated thumbnail that is a size too small. In order to change that you’ll need to modify your code slightly in order to tell WordPress which image size to load. You can read more about WP functions to retrieve images in different generated sizes here: https://developer.wordpress.org/reference/functions/wp_get_attachment_image
I figured it out. Basically, there's a file in my theme (theme "Resort" by WooThemes) called "featured-slider.php". There was a line of code in there that was set like this:
$image = woo_image( 'width=1440&noheight=true&class=slide-image&link=img&return=true' );
and I changed it to this:
$image = woo_image( 'width=2160&noheight=true&class=slide-image&link=img&return=true' );
Now I need to figure out how to crop that image to a different height with CSS, but at least that part's over.
Thanks Guillermo et al.
Open graph properties - correct, but in the share window i see image which not specified in the og properties;
Here is an example image
Please tell me, why this might be?
Try to use bigger image: minimum size is 200×200.
After using Facebook Debugger check the Warning That Should Be Fixed section
Follow the Best Practices for showing your images in your website or mobile apps
I would recommend 600 x 315
I have a rather unique problem. I'm trying to get a logo to display, however it simply doesn't show - it will however show in Firebug as it should (i.e. hover over the image and it displays the preview).
I have tried absolute filepaths, relative filepaths and everything else under the sun. The logo sometimes appears for 2-3 seconds upon refresh then will simply vanish from the screen - I've never experienced a problem like this and find this truly mind-blowing.
Am i missing something obvious here?
Link: http://project.n8geeks.com/
I think you should set Height attr for div .logo
With div Img you should set width and height.
I try set height 30px for div .logo. It works.
I went to the link and it seems like its a web server configuration issue, since Chrome's Dev Tools said:
Resource interpreted as Image but transferred with MIME type text/html: "http://n8geeks.com/".
what you need to do is add the png MIMEtype to your web server configuration.
Have you tried using a different image just to test? I have tried it (with firebug) and it seems to work.
The issue was because, for some reason, there was no default .htaccess file - not sure how or why that should effect the displaying of images, but that was the solution for my issue.
i want to develop an iPhone optimized website, which includes an generated image. To generate the image i call an external website (aspx). Example:
https://url/filedownload.aspx?documentid=1234&mimetype=image/jpeg
This is no problem on any standard browser on the pc, the images shows up after 2 seconds. But on the iphone there is only the blue question mark showing.
The resultion is ~ 170 * 100 72dpi.
This is certainly a server-side issue, as suggested - a working link or a sample of the source is needed to help resolve. In the meantime, some other things to check; does the image type created match that of the content type specified?
I would then try adding the exact same image (as a static physical file) to the website, load this in an iPhone (to prove there is nothing fundamentally wrong with the image file data) and then compare response headers from your dynamic image code to ensure they are the same - do you require attachment-filename for example?